bootstrap
bootstrapValidator 创建/重置/手动验证使用详解
 

bootstrapValidator 初始化

 
function initValidator() {
    $("#dialog_form").bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons: {
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            wetSeason: {
                message: '请选择月份',
                validators: {
                    notEmpty: {
                        message: '请选择月份.'
                    }
                }
            },
            wetSeasonRatio: {
                message:'系数不能为空',
                validators: {
                    notEmpty:{message:'系数不能为空'},
                    regexp: {
                        regexp: /^([1-9][0-9]*|[0-9]\.([0-9][1-9]|[1-9][0-9]?))$/,
                        message: '数为大于0不多于两位小数的正数'
                    }
                }
            }
        }
    });

}

更多validator参考:
---

bootstrapValidator 手动验证

 
let validator = $('#dialog_form').data('bootstrapValidator');
validator.validate();
if (validator.isValid()){

   //todo 
}


bootstrapValidator 重置验证状态

 
    //销毁再创建验证
    if ($("#dialog_time_config_form").data('bootstrapValidator')){
        $("#dialog_time_config_form").data('bootstrapValidator').destroy();
        $('#dialog_time_config_form').data('bootstrapValidator', null);
    }
 

提示以上使用基于以下版本:
版本说明


其他版本也可参考,例如:
GitHub - stevenmills/bootstrapvalidator: A jQuery plugin to validate form fields. Use with Bootstrap 3
 

评论区域