基于pc端 jQuery.validator.js form表单验证方法总结

最新推荐文章于 2023-11-17 15:23:33 发布

web学习中

最新推荐文章于 2023-11-17 15:23:33 发布

阅读量774

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_27261867/article/details/79257876

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.引入js插件 jquery.validate.min.js

2. jsp 项目案例:

<div class="control-group">
   <label class="control-label">手机:</label>
   <div class="controls">
      <form:input path="mobile" htmlEscape="false" maxlength="100" />
   </div>
</div>

3. js验证手机号(提交form表单，对input框验证)：

//自定义方法验证手机号
jQuery.validator.addMethod("mobile", function (c, a) {
    var b = c.length;
    return this.optional(a) || (b == 11 && /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(c))
}, "请正确填写您的手机号码");

$("#inputForm").validate({
   rules: {
           mobile:{required:true,mobile:true},
   },
   messages: {
   },
   submitHandler: function(form){
      loading('正在提交，请稍等...');
      form.submit();
   });