使用JavaScript進行驗證

Question

以下代碼適用於使用document.write。如何在Label1中顯示值exceeded以及如果超出值，如何將TextBox的背景顏色更改爲紅色（使用JavaScript）。

<script type="text/javascript"> 

    function limitlength(obj, length) { 
     var maxlength = length 
     if (obj.value.length > maxlength) 
     document.write("Exceeded")  } 

</script> 

Enter text (max length is 5 characters): 
<form id="form1" runat="server"> 
<asp:textbox ID="TextBox1" onkeypress="return limitlength(this, 5)" runat="server"></asp:textbox> 
<br /> 
<br /> 
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
</form> 

Answer 1

你需要一個ID添加到文本框。

function limitlength(obj, length) { 
    var maxlength = length 
    if (obj.value.length > maxlength) { 
     document.getElementById("Label1").innerHTML = "Exceeded"; 
     document.getElementById("TextboxID").style.backgroundColor = "red"; 
    } 
} 

Answer 2

首先，我要靚起來的JavaScript：

function limitlength(obj, length) { 
    var maxlength = length; 
    if (obj.value.length > maxlength) 
    document.write("Exceeded"); 
} 

其次，由於您使用的是.NET，你將需要使用ClientID屬性上的文本框控件。並請爲其分配一個ID。例如，txtBox。

第三，你可以改變背景顏色這樣的：

function limitlength(obj, length) { 
    var maxlength = length; 
    if (obj.value.length > maxlength) { 
    document.getElementById("<%=Label1.ClientID%>").innerHTML = "Exceeded"; 
    document.getElementById("<%=txtBox.ClientID %>").style.backgroundColor = "red"; 
    } 
}