Javascript知识【jQuery-validation插件】

<script src="../js/jquery-3.3.1.min.js">script>
<script src="../js/jquery.validate.js">script>
<script src="../js/messages_zh.js">script>

<script>
   $(function () {
      $("#f1").validate();
   });
script>

<script>
   $(function () {
      $("#f1").validate({
         rules:{
            username:{
               required:true,
               rangelength:[6,10]
            }
         }
      });
   });
script>

<script>
   $(function () {
      $("#f1").validate({
         rules:{
            username:{
               required:true,
               rangelength:[6,10]
            },
            email:{
               email:true
            },
            birthday:{
               date:true
            },
            sal:{
               number:true
            },
            workForday:{
               range:[6,16]
            },
            pwd:{
               required:true
            },
            repwd:{
               required:true,
               equalTo:"input[name='pwd']"
            }
         }
      });
   });
script>

日期，设用于通过的日期格式使用以下常用日期格式

YYYYYYYY-MM    YYYY-MM-dd

YYYY/MM/dd   YYYY/MM/dd hh:mm:ss  

YYYY-MM-dd  hh:mm:ss

<script>
   $(function () {
      $("#f1").validate({
         rules:{
            username:{
               required:true,
               rangelength:[6,10]
            },
            email:{
               email:true
            },
            birthday:{
               date:true
            },
            sal:{
               number:true
            },
            workForday:{
               range:[6,16]
            },
            pwd:{
               required:true
            },
            repwd:{
               required:true,
               equalTo:"input[name='pwd']"
            }
         },
         messages:{
            username:{
               required:"小伙，这个得填呐",
               rangelength:"小伙，长度范围得是{0}~{1}之间呐"
            }
         }
      });
   });
script>

<script>
   var reg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
   $(function () {
      //必须在为表单绑定校验之前，添加自定义规则
      $.validator.addMethod("idCardChecked",function (value,ele,params) {
         //1、若程序员传递true，说明程序员需要进行校验
         if(params){
            //2、就对value值进行正则校验
            //3、根据正则结果进行值返回
            return reg.test(value);
         }
         //若传递规则值不为true，说明程序员不需要进行校验，不校验直接放行
         return true;
      },"必须符合身份证的格式才行");

      $("#f1").validate({
         rules:{
            username:{
               required:true,
               rangelength:[6,10]
            },
            idCard:{
               idCardChecked:true
            }
         }
      });
   });
script>