bootstrapValidator表单校验插件使用教程

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrapValidator表单校验插件使用教程相关的知识,希望对你有一定的参考价值。

参考技术A 因为bootstrapValidator插件是基于jquery和bootstrap的,所以需要引入jquery和bootstrap对应的js和css文件。

对应的文件引入之后,就可以使用插件了,这是官方API网址: http://bootstrapvalidator.votintsev.ru/api/

其他节点都可以通过name或者id添加校验。

bootstrapValidator已经提供了很多校验的类型,下面来一一介绍一下:

$(formName).data(“bootstrapValidator”).getFieldElements('fieldName'); 校验单个字段

问题也出自于业务系统后台,应该来说也比较常见吧

房产类型分为一抵和二抵,二抵的时候用户必须填写一抵债权金额,一抵的时候则不显示一抵债权金额也不校验,因为我所有的校验都是写在标签上,哪些必填直接写在标签上,点击提交按钮的时候会校验所有标签带校验的,

百度了一下bootstrap validate的方法和手册,其中有个就是手动触发单个字段校验,看到的时候欣喜若狂,代码如下

 

//选择房产抵押类型,为二抵时,需填写一抵债权金额
$(".predgeType").change(function(){
var v = $(this).val();
if(v=="二抵"){
$(".firstMoney").show();
$(".form-horizontal").data("bootstrapValidator").validateField(‘claimAmount‘); //关键代码

}else{
$(".firstMoney").hide();
}
});

还真的能行。体验也比较好。及时能看到必填

 

以上是关于bootstrapValidator表单校验插件使用教程的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap表单验证插件bootstrapValidator使用方法整理

boostrap表单验证插件-bootstrapValidator

bootstrapValidator 获得表单验证的返回值

bootstrapValidator.js,最好用的bootstrap表单验证插件 简单实用方法

bootstrapvalidator 设置不验证为啥

$(formName).data(“bootstrapValidator”).getFieldElements('fieldName'); 校验单个字段