菜单

bootstrap 动态添加验证项和废除验证项

2018年12月18日 - Bootstrap

   bootstrap
中之bootstrapValidator能够针对前者的数量举办表明,但是有些上大家用动态的长验证,这样待大家动态的指向bootstrapValidator的内容做修改。

BootStrap 动态添加验证项和撤回验证项的实现情势,bootstrap动态

bootstrap
中的bootstrapValidator可以针对前者的多少开展表明,不过有的时候我们得动态的增长验证,这样需要我们动态的对bootstrapValidator的情节做修改。

  传统的bootstrapValidator验证是

$('#MaintainEntryForm').bootstrapValidator({
message: '输入值无效!',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
Specifications: {
validators: {
notEmpty: { message: '请输入规格!' }
}
},
ProductNameEN: {
validators: {
notEmpty: { message: '请输入英文名称!' }
}
},
ApplyUnit: {
validators: {
notEmpty: { message: '请输入申报单位!' },
stringLength: {
min: 1,
max: 3,
message: '申报单位最多输入3位!'
}
}
},
SuttleWeight: {
validators: {
notEmpty: { message: '请输入净重!' },
//regexp: { regexp: /^\d{0,8}\.{0,1}(\d{1,3})?$/, message: '净重只能输入大于等于0的整数或者3位小数!' },
callback: {
message: '净重只能输入大于0的整数或者3位小数!',
callback: function (value, validator, $field) {
var reg = /^\d{0,8}\.{0,1}(\d{1,3})?$/;
return parseFloat(value) > 0 && reg.test(value);
}
}
}
}
}
}).on("success.form.bv", function (e) {
if (EntryInfo.SaveType == 1) {
EntryInfo.SaveEntryInfo();
}
else if (EntryInfo.SaveType == 2) {
EntryInfo.SaveAndSubmitAudit();
}
});

  这样的证实在页面有互动的急需的当儿不能满足条件,所以大家要动态的对准验证条件举行修改,这里的做法是事先把富有或用到之基准先周增长进去,在指定条件下除筛选标准。

  删去形式

$('#MaintainEntryForm').data('bootstrapValidator').validateField('ApplyUnit');

  那样 名称为ApplyUnit的辨证凡是就不汇合从功效了

对此已提示报错信息之假如去除验证音讯之得行使以下办法

$('#MaintainEntryForm').data('bootstrapValidator')
.updateStatus('ApplyQty', 'NOT_VALIDATED', null)
.validateField('ApplyQty');

  这样页面对应的ApplyQty 字段后面验证消息就谋面消失
不用重置整个bootstrapValidator 就足以了

上述所述是稍稍编给我们介绍的BootStrap
动态添加验证项和撤回验证项的贯彻形式,希望对我们有助,倘若大家发出此外疑窦请为自身留言,小编会及时还原我们的。在斯为相当感谢大家对帮客之小网站的协助!

http://www.bkjia.com/Javascript/1163610.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/1163610.htmlTechArticleBootStrap
动态添加验证项和收回验证项的实现形式,bootstrap动态 bootstrap
中之bootstrapValidator可以针对前者的数目举行认证,可是有些上大家需…

  传统的bootstrapValidator验证是

  

 $('#MaintainEntryForm').bootstrapValidator({
        message: '输入值无效!',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            Specifications: {
                validators: {
                    notEmpty: { message: '请输入规格!' }
                }
            },
            ProductNameEN: {
                validators: {
                    notEmpty: { message: '请输入英文名称!' }
                }
            },
            ApplyUnit: {
                validators: {
                    notEmpty: { message: '请输入申报单位!' },
                    stringLength: {
                        min: 1,
                        max: 3,
                        message: '申报单位最多输入3位!'
                    }
                }
            },
            SuttleWeight: {
                validators: {
                    notEmpty: { message: '请输入净重!' },
                    //regexp: { regexp: /^\d{0,8}\.{0,1}(\d{1,3})?$/, message: '净重只能输入大于等于0的整数或者3位小数!' },
                    callback: {
                        message: '净重只能输入大于0的整数或者3位小数!',
                        callback: function (value, validator, $field) {
                            var reg = /^\d{0,8}\.{0,1}(\d{1,3})?$/;
                            return parseFloat(value) > 0 && reg.test(value);
                        }
                    }
                }
            }
        }
    }).on("success.form.bv", function (e) {
        if (EntryInfo.SaveType == 1) {
            EntryInfo.SaveEntryInfo();
        }
        else if (EntryInfo.SaveType == 2) {
            EntryInfo.SaveAndSubmitAudit();
        }
    });

  这样的辨证在页面有相互的需求的当儿不可知满足条件,所以我们得动态的对准讲明条件举行修改,这里的做法是预先管持有或为此到之标准先周长进去,在指定条件下除筛选标准。

  去除情势

$('#MaintainEntryForm').data('bootstrapValidator').validateField('ApplyUnit');

  这样 名称为ApplyUnit的证实凡是就无相会由成效了

      对于曾经指示报错信息之假诺去除验证信息的得用以下形式

 $('#MaintainEntryForm').data('bootstrapValidator')
           .updateStatus('ApplyQty', 'NOT_VALIDATED', null)
           .validateField('ApplyQty');

  这样页面对应的ApplyQty 字段后边验证音讯就会破灭 
不用重置整个bootstrapValidator 就足以了 

  记录点点滴滴

 


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图