0

我是 Jquery 的新手。

通过谷歌搜索，我完成了以下不起作用的代码。

我有 txtLogin 文本框和 btnLogIn 按钮。

我正在尝试简单的事情。如果此文本框为 expty，则错误消息应显示在 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;
             }

         });
     });

我的问题是>>第一次当文本框为空并且我单击按钮时，它会在标签上显示错误消息[根据代码工作正常]。

第二次当我在文本框中输入任何内容并按下按钮时，它会删除错误消息。[根据代码这也很好]。

但是当我第三次删除输入的文本然后按下按钮时，它不会向我显示错误消息。

*注意：我在那个 AJAX 更新面板中使用 .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

试试这种方式，可能第三次留下一些空格字符，所以最好的方法是在这里：

 <!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 回答