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>

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

<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拥有自己的用于验证用户输入的控件。您可能需要read up on those。

<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" />

ASP.NET客户端验证脚本无法正常工作

2 个答案: