使用jQuery的表單驗證不起作用
[英]Form Validation using jQuery not working
問題描述
由於我是jQuery的新手，因此無法使用jQuery驗證來驗證我的第一個以及非常簡單的登錄表單。
我搜索了jQuery驗證，也看到了許多問題發布在網站上，但發現它們對我自己無能為力。
這是我的代碼。
請幫助我找出我的錯誤。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>apply.html</title>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
</head>
<body>
<script type="text/javascript">
$("#testForm").validate({
rules: {
uname: { required: true },
pwd: { required: true }
},
messages: {
uname: { required: "Username can not be left blank" },
pwd: { required: "Please enter Password" }
}
});
</script>
<form action="#" method="POST" id="testForm">
Username :
<input type="text" name="uname" /><br>
Password :
<input type="password" name="pwd" /><br>
<input type="submit" value="Push">
</form>
</body>
</html>
編輯：我面臨的問題是在提交表單時沒有錯誤消息顯示，即未進行驗證。
1 個解決方案
解決方案1
1 已采納 2015-06-28 15:37:28
我用小提琴復制了您的代碼，它可以正常工作。 我認為問題是onLoad()事件后代碼未運行。 這是我的解決方案：
$(function(){
$("#testForm").validate({
rules: {
uname: { required: true },
pwd: { required: true }
},
messages: {
uname: { required: "Username can not be left blank" },
pwd: { required: "Please enter Password" }
}
});
});
用Jquery進行表單驗證不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.