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
	}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值