Validate插件 表单验证

概念：JQuery Validate插件 是对表单的一种验证的插件
（说白了就是验证注册的信息是否按照自已的要求填写）

普通的格式：
$("form表单的选择器").validate({
//校验规则
rules : {
 表单项name值：{}，

//错误提示信息
messages : {
 表单项name值：{
//错误提示信息
 }
});

案例  //使用 Validate插件 规范的用户表单的数据提交

    $("#registerForm").validate({

        //校验规则
        rules: {
            //name的属性的值进行检验
            username: {
                //用户名必须书写
                required: true
            },
            password: {
                //密码进行校验
                required: true,
                rangelength: [6, 14]
            },

            // email:校验
            email: {
                email: true,
                remote:"url" //这里可以进行异步验证
                
                
            },
            //姓名校验
            username: {
                required: true
            },
            //电话检验
            telephone: {
                required: true,
                //自定义检验条件
                phoneFormat: true  ！！！！！这里是对号码的校验
            },
            //性别校验
            sex:{
                required: true
            },
            //生日校验
            birthday:{
                dateISO:true
            }

        },
        //错误提示信息
        messages: {
            username: {
                //username 错误信息提示
                required: "用户名不能为空！"
            },
            password: {
                //密码错误信息提示
                required: "密码不能为空",
                rangelength: "密码的长度为{0}到{1}位"
            },
            //email:错误信息提示
            email: {
                email: "请输入正确的格式"
            },
            username: {
                required: "姓名不能为空"
            },
            sex:{
                required: "性别不能为空"
            },
            birthday:{
                dateISO:"生日不能为空"
            }
        }

    });

======================================================

 

自定义格式
 格式  $.validator.addMethod(“name” , method , [message]);
    /**
     //自定义检验phoneFormat的验证电话号码 条件
     格式$.validator.addMethod(“name” , method , [message]);

     1: name : 被校验的名字 就是 phoneFormat  要加双引号

     2: method ：里面写检验name的函数方法 有返回值

     function( value ,element , params){
          (1)value:就是被检验输入框的值（phone）
          （2）element：别检验表单的对象
          （3） params：就是当前校验规则传递的值
          （说白的就是 phoneFormat:true 里面的true）

           {}大括号里面写的是处理业务的逻辑 并且有返回值
              }
         3: [message] ：错误信息 可写可不写
     
     
自定义案例  

//1自定义检验phoneFormat
$.validator.addMethod("phoneFormat",
    function (value, element, params) {
        /*  //2业务处理逻辑
               if (params) {
              //3使用正则表达式校验号码
              var regExp = new RegExp("^[1][356789][0-9]{9}$");
              var boo = regExp.test(value);
              if (boo) {
                  return boo;
              }
          } else {
              return false;
          }*/
        // 进行代码的优化 因为只有结果为true才有检验的意义
        return new RegExp("^[1][356789][0-9]{9}$").test(value);
    }, "请输入正确的号码");

     
     
     注意使用之前先导入插件 和结合菜鸟教程一起使用
     /*使用之前先导入插件
        <script src="js/jquery-3.3.1.js">
     <script src="js/jquery.validate.js">