BootstrapValidte表单验证---学习使用记录

  1. 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
	}

}


版权声明:本文为weixin_39752671原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。