bootstrap3表单验证&新增移除表单域验证

设置表单验证规则

var bV_m = '表单信息验证失败';
var bV_fbi = {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        };

$("#formId").bootstrapValidator({
    message: bV_m,
    feedbackIcons: bV_fbi,
    fields: {
        menuName : {
            validators: {
                notEmpty: {
                    message: '必填'
                },
                stringLength: {
                    max: 10,
                    message: '最长10个字符'
                }
            }
        },
        sort : {
            validators: {
                notEmpty: {
                    message: '必填'
                },
                stringLength: {
                    max: 3,
                    message: '最长3个字符'
                },
                digits: {
                    message: '该值只能包含数字'
                }
            }
        }
    }
});

添加和移除表单域验证

/**
 * 添加菜单地址验证
 * @returns
 */
function addMenuUrlValidate() {
    $("#formId").bootstrapValidator("addField", "menuUrl", {
      validators: {
          notEmpty: {
              message: '必填'
          },
          stringLength: {
              max: 100,
              message: '最长100个字符'
          }
      }
    });
}
/**
 * 移除菜单地址验证
 * @returns
 */
function removeMenuUrlValidate() {
    $("#formId").bootstrapValidator('removeField','menuUrl');
}

验证表单

var form_validator = $("#formId").data("bootstrapValidator");
// 表单验证提示
form_validator.validate();
// 表单验证结果
var flag = form_validator.isValid();

重置表单验证

// 重置表单验证 - true 清空表单
$("#formId").data("bootstrapValidator").resetForm(true);