ASP.NET客户端验证脚本不起作用

Question

我正在使用Visual Studio 2012使用ASP.NET构建Web应用程序。

<asp:TextBox ID="textBox1" runat="server"></asp:TextBox>

上面的代码是针对文本框的

<script type="text/javascript">
     function validate2() {
         if (document.getElementById("<%=textBoxToolID.ClientID%>").textContent=="") {
             alert('textbox1 cannot be empty');
             return false;
         }
     }
</script>

上面是我用于空文本框的客户端验证的代码。

<asp:Button ID="buttonNew" runat="server" Text="New" Width="75px" OnClick="buttonNew_Click" OnClientClick="validate()" />

我在按钮单击事件时调用onclientclick属性以调用validate函数。 问题是，即使文本框中有内容，也会触发警报消息。

我做错了什么事？

Answer 1

<script type="text/javascript">
 function validate2() {
     if (document.getElementById("<%=textBoxToolID.ClientID%>").value=="") {
         alert('textbox1 cannot be empty');
         return false;
     }
 }</script>

它是.value

Answer 2

asp.net有自己的控件来验证用户输入。 您可能想阅读这些内容 。

<asp:TextBox ID="textBox1" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic"
    ControlToValidate="TextBox1" ErrorMessage="textbox1 cannot be empty" ValidationGroup="myGroup1">
</asp:RequiredFieldValidator>

<asp:Button ID="Button1" runat="server" ValidationGroup="myGroup1" Text="Button 1" OnClick="Button1_Click" />



<asp:TextBox ID="textBox2" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Display="Dynamic"
    ControlToValidate="TextBox2" ErrorMessage="textbox2 cannot be empty" ValidationGroup="myGroup2">
</asp:RequiredFieldValidator>

<asp:Button ID="Button2" runat="server" ValidationGroup="myGroup2" Text="Button 2" OnClick="Button2_Click" />