jquery.validate與jquery-1.4.3無法正常工作
[英]jquery.validate not working correctly with jquery-1.4.3
問題描述
以下腳本將在取消聚焦時顯示錯誤消息。 我將它更改為jQuery 4.3或更新版本，但它沒有這樣做。 我知道我在做一些愚蠢的事，但找不到它。 請提供建議。 謝謝
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>jQuery validation</title>
<script src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="additional-methods.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var validate = $("#signupForm").validate({
rules: {phone:'phoneUS'},
messages: {phone:'Enter a valid phone number'},
submitHandler: function(form) {alert('submit');}
});
});
</script>
</head>
<body>
<form id="signupForm" method="get" action="">
<label for="phone">phone</label>
<input id="phone" name="phone" />
<input type="submit" value="Submit" class="submit" />
</form>
</body>
</html>
1 個解決方案
解決方案1
2 已采納 2012-08-24 19:20:50
phoneUS方法在additional-methods.js定義。 如果你包含這個文件（並確保你的輸入有一個type='text' ），它應該可以正常工作：
JavaScript的：
$("#signupForm").validate({
rules: {
phone: 'phoneUS'
},
messages: {
phone: 'Enter a valid phone number'
},
submitHandler: function(form) {
alert('submit');
}
});
HTML：
<form id="signupForm" method="get" action="">
<label for="phone">phone</label>
<input id="phone" name="phone" type="text"/>
<input type="submit" value="Submit" class="submit" />
</form>
示例： http ： //jsfiddle.net/kzDnx/5/
jQuery.validate errorPosition無法正常工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.