bootstrap validator笔记

validator笔记

1. 首先导入需要的js和css的组件
2. 主要用于表单校验，所有在页面上必须有Form标签，Form里面取值都是通过name属性取值，所以表单标签里面要有一个name的属性值。
   例如：

　<form>
            <div class="form-group">
                <label>Username</label>
                <input type="text" class="form-control" name="username" />
            </div>
            <div class="form-group">
                <button type="submit" name="submit" class="btn btn-primary">Submit</button>
            </div>
        </form>

3.然后js进行校验代码如下：

<script  type="text/javascript>/*script默认是text/Javascript，不写也可以*/
$(function(){
/*页面加载完进行执行*/
$('form').bootstrapValidator({
	message:'This is not valid',
	/*样式*/
	feedbackIcons:{
		　　valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
},
	fields:{
			username:{
				message:'用户名校验失败',/*其他地方不写，验证错误，会显示这个*/
				validators:{
					notEmpty:{
						message:'不能为空'/*是否为空校验*/
}
}
}
}
});
});

</script>

其他属性：

stringLength	表示范围在多少内，min最小，max最大为多长
greaterThan	表示大于等于多少，value属性，比如年龄大于多少
lessThan	与greaterThan相反
–	–
regexp	正则表达式校验
different	校验与name不能相同，field:name值
–	–
identical	校验与name相同 ，field:name值

remote，可以用于远程校验，和后台交互数据，用法：主要是用ajax，后台传递过来的数据必须为json，其中delay是延迟多长时间发送ajax请求，单位是毫秒，其他可以看源代码。