web-dev-qa-db-ja.com

asp.netのボタンクリック時の空のテキストボックスのJavascript検証

1つのパネルを持つasp.netアプリケーションがあります。そのパネル内には、1つの画像ボタンとtextboxがあります。 textboxにいくつかの値を入力するための警告ボックスを表示するテキストボックス用のJavaScript検証関数を作成しました。この関数が機能していないため、実行時エラーが発生しました：

必要なオブジェクト

私のコードはここにあります：

<asp:Panel ID="pnlTop" runat="server">
   <tr height="35px" valign="top">
      <td align="right" valign="middle" colspan="2" height="50">
         <asp:ImageButton ID="imgbtnGOTO" runat="server" ToolTip="View Specific Record" BorderWidth="0"
                                ImageAlign="AbsMiddle" OnClientClick="javascript:return fnCheck()"></asp:ImageButton>&nbsp;&nbsp;
         <asp:TextBox ID="txtPagingGoto" CssClass="clsTableCellLeft" Width="215px" runat="server" CausesValidation="true"></asp:TextBox>
      </td>
   </tr>
</asp:Panel>

私のJavaScript関数は：

function fnCheck() {
    if ((document.getElementById("txtPagingGoto").value).length == 0) {
        alert("The textbox should not be empty");
    }
}

これに対する解決策を提案してください。

javascriptasp.netruntime-error
4
Monali
function fncheck()
{
        var pgng = document.getElementById("<%=txtPagingGoto.ClientID%>").value.trim();
        if(pgnd == "")
        {
            alert('The textbox should not be empty...');
            document.getElementById("<%=txtfname.ClientID%>").focus();
            return false;
        }
}
2
The Dictator

これを試して ：

  function fnCheck() {
         if ((document.getElementById("<%=txtPagingGoto.ClientID%>").value).length == 0) {
             alert("The textbox should not be empty");
    }
}

document.getElementByIdは、サーバーサイドIDとは異なる（常にではない）ランタイムが生成されます IDを取得します。

1つの方法は、私が行ったように黄色のコードを使用することです。

また、TRIM法の使用を検討してください。 （それを処理する必要がある場合）。

3
Royi Namir
<html>
  <head>
    <script type="text/javascript">
     function validate()
        {
         if(document.getElementById("aa").value=="")
               {
                 alert("this textbox should not be empty");
               }
        }
    </script>
   </head>
  <body>
 <input type="txt" id="aa"/>

  <input type="button" value="submit" onclick="validate()"/>`

  </body>
</html>
0
vivek