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 就足以了
记录点点滴滴