bootstrap validator插件使用流程

1、首先，去github上下载bootstrapvalidator的包。打开github，输入bootstrapvalidator，搜索，打开第一个。

2、然后下载到本地。

3、接着解压好，我们在这个目录下创建一个medemo.html，我这里给实例演示一下。因为这个包里包含了所有所需的插件，所以在这个目录下编写html。

4、首先我们引入所需的JS，以及CSS，和一般的bootstrap引入一样，只不过多了个bootstrapValidator.js 以及bootstrapValidator.css

5、接着，简单的写一下表单的布局。因为这里是demo，我就简单的以用户名，邮箱，密码作为样例来示范一下。

基本的bootstrap布局，如果看不懂请自行去学习bootstrap的基本使用，查看文档就能明白了。

6、显示出来的效果是这样。

7、接着我们写bootstrapvalidator的逻辑。非常套路

8、首先，在刚才布局的下面插入script标签，用jQery的加载语句作为初始。

然后用jquery的选择器获取表单元素 $('#defaultForm').bootstrapValidator(

feedbackIcons：代表了不同结果时显示的图标。message是默认的提示信息。

9、接着是fields，这个里面就具体的写了username,email,password三个输入框的验证逻辑。以username为例。message代表基本的提示信息。 validators里面写了三个判别逻辑。notEmpty，当为空时处理的逻辑。stringLength输入框长度的限制，这里min，和max直接输入就可进行限制。regexp，正则表达式限制。regexp: /^[a-zA-Z0-9_\.]+$/,这里简单写了一个只能包含“大小写字母数字下划线，点”的正则。

10、同理，这里再绑定email，和password。email比较特殊，我们可以直接用emailAddress来判断是否为有效的email地址，bootstrapvalidator已经为我们写好了逻辑。

11、源码以及bootstrap的包，我已经打包好放到csdn的连接上了。欢迎来下载。

链接：pan.baidu.com/s/1qY2FjWw 密码：z37f