您的位置：首页 > Web前端 > JQuery

jquery的validate用法小结

2012-09-13 16:33 246 查看
希望以后能把自己所有的开发经验纪录下来，不仅仅为了自己看方便，也希望

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

<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航