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

私はボタンクリックイベント時にvalidate関数を呼び出すためにonclientclickプロパティを呼び出しています。 テキストボックスにコンテンツがあっても警告メッセージが表示されるという問題があります。

私は間違っているとは何ですか？

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