- BootstarpValidaor 表单验证
必备点:
jar/css 文件引入(话不多少,自行解决)
html页面:
1> form id
2> 需要验证的区域用<div class="form-group> 标签组囊括,class必不可少
3> 需要验证的标签 加class=“form-control” (其实这并不是必备,缺少也不会报错) ,且需要有name属性值
JS文件:
<重要事项:
如果在调试过程中发现validate未定义或者isvalid未定义,排除jar包导入出错的问题之外, 一定要仔细比对需要验证块 div class=form-goup 是否添加,是否都存在,以及需要验证标签 name属性值是否有写,验证方法是否被调用,>
<更重要事项:千万不要复制我下面的代码!!!>
此处有超详细配置介绍:(比我介绍的更全面更多!!!)
https://blog.csdn.net/u013938465/article/details/53507109
验证提示信息的字体配置需要引入css文件 bootstrap.min.css
只改变提示颜色的话自定义 style .help-block{ color:yellow; }
$(document).ready(function (){
formValidate();
});
function formValidate() { //formValidate()只是个方法名
$("#form").bootstrapValidator({//#form为所要验证的表单ID
fields: {
name: { //name为需要验证的标签的name属性值 如“<input type="text" id="name" name="name">”
validators: {
notEmpty: { //判空验证,radio可用
message: '输入信息' //提示信息
},
stringLength:{//长度验证
min:2,
max:12,
message:‘长度在2-12之间’
}
regexp: {//正则验证
},
emailAddress:{ //邮箱格式验证
}
//还有一堆诸如此类的验证,具体请自查
},
```}
})
function save(){ //点击事件save
var bootstrapvalidate = $("#formID").data('bootstrapvalidator');
bootstrapvalidate.validate();
if(bootstrapvalidate.isvalid()){
巴拉巴拉xxx
}
}