bootstrap 报错 验证插件_bootstrapValidator表单验证插件

bootstrapValidator——一个很好用的表单验证插件，再也不用手写验证规则啦！

一、举个丽子：

写了一个小例子

先来看一下效果吧！

二、具体实现步骤如下：

1、下载jquery、bootstrap、bootstrapValidator

在这里下载后，解压bootstrapValidator-master，里面会有jquery、bootstrap、bootstrapValidator。其中bootstrap和jquery在vendor文件夹中，bootstrapValidator在src文件夹中。直接复制过来用就可以了，不用单独一个一个下载。在demo文件夹中有很多例子，可以直接拿过来用。

注意：如果bootstrap或jquery是单独下载的，可能会因为版本不一致，导致验证时，不会实时更新状态，最好使用下载后bootstrapValidator-master中的jquery和bootstrap。

2、将jquery、bootstrap、bootstrapValidator引入到文件中(注意引入的顺序)

3、 编写html、css、js

三、下面来介绍我自己写的小例子

写了一个注册表单，其中：

1、用户名必须输入汉字；

2、密码和确认输入的必须一致，长度为6-16位；

3、手机号必须为数字，且是正确的手机号。不满足以上条件会有相应的提示。

四、代码实现：

1、html

bootstrapValidatorDemo

用户注册