0

私はJqueryが初めてです。

グーグルで、動作していない次のコードを実行しました。

txtLogin テキストボックスと btnLogIn ボタンがあります。

私は単純なことを試みています。このテキストボックスが期限切れの場合、lblLoginError にエラー メッセージが表示されます。

コードは次のとおりです。

 $(document).ready(function () {
         $('#btnLogIn').click(function () {
             var LoginId = $("#txtLogin").val();
             if ($("#txtLogin").val() == "") {

                 $("#lblLoginError").text("Please Enter Login Id");

                 return false;
             }
             else {
                 $("#lblLoginError").text("");
                 return true;
             }

         });
     });

私の問題は>>初めてテキストボックスが空でボタンをクリックすると、ラベルにエラーメッセージが表示されます[コードに従って正常に動作しています]。

2回目にテキストボックスに何かを入力してボタンを押すと、エラーメッセージが削除されます.[コードによればこれも問題ありません].

しかし、3回目に入力したテキストを削除してからボタンを押すと、エラーメッセージは表示されません。

*注: AJAX UPDATE パネルで .NET を使用しています。ページは毎回更新されません。何が問題になる可能性がありますか?

4

2 に答える 2

1

jQueryの検証に非常に役立つリンクです

例：

<script>
  $(document).ready(function(){
   $("#commentForm").validate();
});
</script>

<form id="commentForm">
  <input type="text" id="txtLogin" class="required"/>
  <input class="submit" type="submit" value="Submit"/>
</form>

ここでは、必要に応じてクラスを適用できます。

于 2013-03-02T06:49:51.677 に答える
0

この方法で試してみてください。3回目にスペース文字が残っている可能性があるため、これを行う最良の方法は次のとおりです。

 <!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type='text/javascript'>
$(document).ready(function () {
         $('#btnLogIn').click(function () {
             var LoginId = $("#txtLogin").val();
             if ($("#txtLogin").val().trim() == "") {

                 alert($("#txtLogin").val());
                 $("#lblLoginError").text("Please Enter Login Id");

                 return false;
             }
             else {
                 $("#lblLoginError").text("");
                 return true;
             }

         });
     });
</script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <input type='text' id='txtLogin' />
  <input type='button' id='btnLogIn' value="Sign In"/>
  <p id='lblLoginError'></p>

</body>
</html>

if ($("#txtLogin").val().trim() == ""),trim()はスペース文字を削除することに注意してください 。\

ここにライブ URL があります: http://jsbin.com/igoceg/2/edit

問題が解決しない場合はお知らせください。

于 2013-03-02T06:38:10.333 に答える