Question

我是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;
             }

         });
     });

我的问题是＆gt;＆gt;第一次当文本框为空时我单击按钮它会在lable上给出错误信息[根据代码工作正常]。

第二次当我在文本框中输入任何内容并按下按钮然后删除错误消息。[根据代码也可以。]

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

*注意：我在AJAX UPDATE Panel中使用.NET。每次页面都不会刷新。可能有什么问题？

Answer 1

它是jQuery验证的非常useful 链接

示例：

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

在这里，您可以根据需要应用课程。

Answer 2

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

 <!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()将消除空格字符。\

以下是其实时网址：http://jsbin.com/igoceg/2/edit

我希望这有帮助，如果问题仍然存在，请告诉我。

jquery验证无法正常工作

2 个答案: