jquery的validate用法小结

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

q7forever

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

阅读量3.7k

点赞数

分类专栏： js 文章标签： jquery email mobile function input button

本文链接：https://blog.csdn.net/q7forever/article/details/7975554

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

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

<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>

q7forever

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的validate用法小结

希望以后能把自己所有的开发经验纪录下来，不仅仅为了自己看方便，也希望能和编程爱好者共同成长。/*每次提交都先执行此操作，当然要保证校验通过的情况下*/$.validator.setDefaults({ submitHandler: function() { alert("submitted!"); }});/*增加自定义校验
复制链接

扫一扫

专栏目录