bootstrapValidator 隐藏域验证-蒲公英云

bootstrapValidator 隐藏域验证

1，设置excluded配置

$("#formAppointment").bootstrapValidator({
        message: '输入值不合法',
        //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置
        excluded: [":disabled"],//关键配置，表示只对于禁用域不进行验证，其他的表单元素都要验证
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            appointmentName: {
                message: '主访人不合法',
                validators: {
                    notEmpty: {
                        message: '主访人不能为空'
                    },
                    stringLength: {
                        min: 3,
                        max: 30,
                        message: '请输入3到30个字符'
                    },
                    regexp: {
                        regexp: /^[a-zA-Z0-9_\. \u4e00-\u9fa5 ]+$/,
                        message: '用户名只能由字母、数字、点、下划线和汉字组成 '
                    }
                }
            }
    });

2，对隐藏域赋值时，如 $(“input[name=’currentImg’]“).val(data);

bootstrapValidator这个插件不能捕获这样的“程序赋值事件”，所以无法通过验证，需要手动触发change事件。

1> $(“input[name=’currentImg’]“).val(data).change();

2>还需要修改bootstrapValidator验证配置，添加 trigger:”change”

$("#formAppointment").bootstrapValidator({
        message: '输入值不合法',
        excluded: [":disabled"],
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            Img: {
                trigger:"change",//关键配置
                validators: {
                    notEmpty: {
                        message: '请拍摄照片'
                    }
                }
            }
        }
    });