Question

bootstrapValidator 无法提交表单是怎么回事，都验证正确了

Answer 1

如果你使用的前端框架是bootstrap，那么前端验证框架就不必考虑了，bootstrapvalidator是最好的选择，它和bootstrap的结合最完美，不过要注意版本的问题，针对bootstrap2和bootstrap3有不同的版本。

下面是我遇到的两个注意事项，自己做个笔记：

1、为每个要验证的表单元素添加name属性

例如：

<input type="text" placeholder="请输入短信验证码" id="smsCaptcha" name="smsCaptcha" class="form-control"
data-bv-notempty data-bv-notempty-message="验证码不能为空"
data-bv-regexp="true" data-bv-regexp-regexp="[0-9]{6}" data-bv-regexp-message="验证码格式不正确"
>

<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"
data-bv-notempty data-bv-notempty-message="验证码不能为空"
>

上面这个例子中，第一个表单元素添加了name属性，第二个表单元素没有name属性，而这两个表单元素都使用了非空验证，最终效果如下：

从结果可以看出，如果要验证一个表单项，则该表单项必须有name属性。否则验证将不起作用。

2、为保持良好的效果，表单元素最好放在div.form-group里面

例如下面这个例子：

用户名