javascript - 使用 JavaScript 进行验证

Question

下面的代码是使用document.write工作的。如何在 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

您需要将 ID 添加到文本框。

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