bootstrapValidator--字段验证

bootstrapValidator—项目中问题记录

//给某个标签添加验证

$(this).bootstrapValidator("addField",$("#aa"),{
validators:{
    notEmpty:{
        message:'-----'
    },
}
})

// 动态去验证某个字段

$('#subjectForm').data('bootstrapValidator')
    .updateStatus('subjectMaxAmt','NOT_VALIDATED',null)
    .validateField('subjectMaxAmt');

//对给定字段启用/禁用所有验证器

$('#userInfoForm').data('bootstrapValidator').enableFieldValidators('dingTalkId', false);

表单域配置

fields: {
    //多个重复
    <fieldName>: {
        //隐藏或显示 该字段的验证
        enabled: true,
        //错误提示信息
        message: 'This value is not valid',
        /**
        * 定义错误提示位置  值为CSS选择器设置方式
        * 例如：'#firstNameMeg' '.lastNameMeg' '[data-stripe="exp-month"]'
        */
        container: null,
        /**
        * 定义验证的节点，CSS选择器设置方式，可不必须是name值。
        * 若是id，class, name属性，<fieldName>为该属性值
        * 若是其他属性值且有中划线链接，<fieldName>转换为驼峰格式  selector: '[data-stripe="exp-month"]' =>  expMonth
        */
        selector: null,
        /**
        * 定义触发验证方式（也可在fields中为每个字段单独定义），默认是live配置的方式，数据改变就改变
        * 也可以指定一个或多个（多个空格隔开） 'focus blur keyup'
        */
        trigger: null,
        // 定义每个验证规则
        validators: {
            //多个重复
            //官方默认验证参照  http://bv.doc.javake.cn/validators/
            // 注：使用默认前提是引入了bootstrapValidator-all.js
            // 若引入bootstrapValidator.js没有提供常用验证规则，需自定义验证规则哦
            <validatorName>: <validatorOptions>
        }
    }

手动触发表单验证

• 触发全部验证
  $(formName).data(“bootstrapValidator”).validate();

• 触发指定字段的验证
  $(formName).data(“bootstrapValidator”).validateField(‘fieldName’);

• 获取当前表单验证状态
  // flag = true/false
  var flag = $(formName).data(“bootstrapValidator”).isValid();

• 根据指定字段名称获取验证对象
  // element = jq对象 / null
  var element = $(formName).data(“bootstrapValidator”).getFieldElements(‘fieldName’);