BootstrapValidator

表单验证的使用:

function ValidatorUserInfo(){
  $(".form-container").bootstrapValidator({
       excluded: [':disabled',':hidden',not(":visible")],
       feedbackIcons: {
           validating: 'glyphicon glyphicon-refresh'
       },
       fields: {
           name: {//字段名
               validators: {
                   notEmpty: {//不能为空
                       message: '请输入商品名称'
                   },
                   //长度校验
                   stringLength: {
                       min: 1,
                       max:11,
                       message: '字符长度必须在1位到10位之间'
                   },
                   regexp: { //正则表达式
                       regexp: /^[a-zA-Z0-9_]+$/,
                       message: '用户名只能包含大写、小写、数字和下划线'
                   },
                   different: {  //比较
                       field: 'username', //需要进行比较的input name值
                       message: '密码不能与用户名相同'
                   },
                   identical: {  //比较是否相同
                       field: 'password',  //需要进行比较的input name值
                       message: '两次密码不一致'
                   },
                   remote: { // ajax校验，获得一个json数据（{'valid': true or false}）
                       url: 'user.php',       //验证地址
                       message: '用户已存在',   //提示信息
                       type: 'POST',          //请求方式
                       data: function(validator){  //自定义提交数据，默认为当前input name值
                           return {
                               act: 'is_registered',
                               username: $("input[name='username']").val()
                           };
                       }
                       callback: {//用于select的校验
                                        message: '请选择分支机构',
                                        callback: function (value, validator) {//这里可以自定义value的判断规则
                                            return value !== 0;
                                        }
                                    }
               }
         });