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