<!DOCTYPE html>
<html>
<head>
<title>
jquery validation
</title>
</head>
<body>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/additional-methods.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#frmName').validate({
rules:{
field1:{
required:true,
lettersonly:true
},
field2:{
required:true,
email:true
}
},
submitHandler: function (form) { // for demo
alert('valid form submitted'); // for demo
return false;}
});
});
</script>
<form name="frmName" id="frmName" action="" method="post">
Enter name:<input type="text" name="field1"></br>
Enter E-Mail:<input type="text" name="field2"><br/>
<input type="submit" name="submit" value="submit"/>
</form>
</body>
</html>
我的jQuery Validation插件有点问题。
为什么此验证不起作用?这是因为我链接的库错了吗?我真的不明白什么是错的,所以我决定粘贴整个验证脚本。请看一下我的代码。
答案 0 :(得分:2)
您的代码正常here
看来你忘了添加Jquery库
添加其他图书馆的下方线
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>