使用jquery-validate校验表单

注意:

表单校验(validation校验【需要下载JQuery-validate插件,而且必须要在引入JQuery插件之后,再引入validate插件/*validate是建立在JQuery之上*/】)

代码:

$(function(){

  $("#checkForm").validate({

    rules:{

      username:{

        required:true,//必填

        minlength:6,//最小长度

        maxlength:12,//最大长度

      }

      email:{

        email:true,//输入正确的邮箱

      }

      password:{

        required:true

      }

      repassword:{

        required:true,

        equalTo:"#password" //是否与密码一致

      }

    },

    messages:{

      

username:{

        required:"用户名必填"

        minlength:"至少输入6位"

        maxlength:"至多输入12位"

      }

      email:{

        email:"请输入正确的邮箱"

      }

      password:{

        required:"密码必填"

      }

      repassword:{

        required:"确认必填"

        equalTo:"两次输入密码不一致"

      }

    }

  });

});

原文地址:https://www.cnblogs.com/FanJava/p/8085979.html