BootStrap bootstrapValidator动态校验

本文介绍了一种使用BootStrapValidator进行动态字段校验的方法,特别适用于表单中检查项较多的情况。通过示例代码展示了如何动态添加校验规则,如非空和数字校验,以及如何提交验证并获取结果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

BootStrap bootstrapValidator动态校验

最近遇到页面校验输入框得字段,看以前得代码用的是bootstrapValidator校验都是罗列出来的每一项,当检查项多的时候需要动态校验,查了好多资料先将学习心得整理如下,有更好的bootstrapValidator校验方法,希望同学们留言分享。

代码如下:

//form表单id为dataEntryForms

var checkRDa = document.getElementById(“dataEntryForms”);
var count = 0;
$.each(checkRDa ,function () {
count+=1;
$("#dataEntryForms").bootstrapValidator(“addField”, checkRDa[count].id, {
//checkRDa[count].id -------》是需要校验的input框的id
validators : {
notEmpty : {
message : ‘数据不可为空’
},numeric: {
message: ‘不是合法的数字’
}
}
});
})

提交验证的方法:
$("#dataEntryForms").bootstrapValidator(‘validate’);//提交验证
//获取验证结果,如果成功,执行下面代码
var flag2 = $("#dataEntryForms").data(‘bootstrapValidator’).isValid();

if (!flag) {
$(’#cpms_save_basic_info’).attr(‘disabled’, false);
return;
}

notEmpty 校验是否为空
numeric校验是否为合法的数字
还有校验电话,url,ip等的规则,可以自行查找。

写的比较粗糙,大家有需要将就着用
?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值