jquery的validate用法小结

最新推荐文章于 2024-03-14 07:00:00 发布

iteye_11788

最新推荐文章于 2024-03-14 07:00:00 发布

阅读量146

点赞数

文章标签： javascript ViewUI

分享个人开发历程，旨在为编程爱好者提供参考，促进共同进步。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

希望以后能把自己所有的开发经验纪录下来，不仅仅为了自己看方便，也希望

能和编程爱好者共同成长。

<html>
<head>

<script type="text/javascript" src="jquery.validate.min.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script>

/*每次提交都先执行此操作，当然要保证校验通过的情况下*/
$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
/*增加自定义校验方法*/
$.validator.addMethod("isEmpty", function(value) {
if (value == '' || value == null || typeof (value) == 'undefined')
{
return false;
}else{return true;}

}, '输入内容不能为空！');

$(function(){
var validater =$("#myForm").validate({
rules: {
myname:"isEmpty",
mobile: {
required:true,
minlength:3,
digits:true,
},
email: {
required: true,
email: true
}

},

/*自定义提示信息*/
messages:{

mobile: {
required: "必选字段",
minlength: jQuery.validator.format("请输入一个长度最少是 {0} 的字符串")
},
email: "请输入正确格式的电子邮件"
}
});
});
</script>
</head>
<body>
<form action="xiaoQTest.htm" id="myForm" name="xiaoQ">
name :<input type="text" name="myname" id="myname" /><br>
mobile:<input type="text" name="mobile" id="mobile" /><br>
email :<input type="text" name="email" id="email" /><br>
<input type="submit" value="button" />
</form>
</body>
</html>