JavaScriptを使用した検証

Question

以下のコードはdocument.writeを使用して動作しています。値exceededをLabel1に表示する方法と、値が超過した場合に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

：

第三に、あなたはこのような背景色を変更することができます。

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次第でしょう：あなたは.NETを使用しているので、

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

第二に、あなたはあなたのTextBoxコントロールにClientIDプロパティを使用する必要があります。それにIDを割り当ててください。たとえば、txtBox。あなたがテキストボックスにIDを追加する必要が

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"; 
    } 
}