jQuery驗證無法正常工作
[英]jquery validation is not working properly
問題描述
我是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;
}
});
});
我的問題是>>第一次當文本框為空並且我單擊按鈕時，它在lable上顯示了錯誤消息[根據代碼，它的工作正常]。
第二次，當我在文本框中輸入任何內容並按下按鈕，然后刪除錯誤消息。[根據代碼也可以]。
但是，當我第三次刪除輸入的文本然后按下按鈕時，它不會顯示我錯誤消息。
*注意：我在該AJAX UPDATE面板中使用.NET。 頁面不會每次刷新。 有什么問題嗎？
2 個解決方案
解決方案1
1 已采納 2013-03-02 06:49:51
這是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>
在這里您可以根據需要申請課程。
解決方案2
0 2013-03-02 06:38:10
嘗試這種方式，可能第三次還剩下一些空格，所以最好的方法是在這里：
<!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
希望對您有所幫助，讓我知道問題是否仍然存在。
驗證在jQuery中無法正常工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.