BootStrap表单校验

最新推荐文章于 2024-08-25 09:17:07 发布

Xiaohao0304

最新推荐文章于 2024-08-25 09:17:07 发布

阅读量794

点赞数

本文链接：https://blog.csdn.net/u011428562/article/details/84734069

版权

本文介绍了在使用BootStrapValidator进行前端表单验证时的两个关键点：每个要验证的表单元素需添加name属性，否则验证将不起作用；表单元素应放在div.form-group内以保持良好的样式效果。同时，文章提到了防止表单重复提交的问题，并指出BootstrapValidator已对此进行了处理，但可能与自定义防止重复提交的JS代码冲突。

摘要由CSDN通过智能技术生成

bootstrapvalidator使用时需要注意的事项

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

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

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

例如：

[html]view plaincopyprint?
        
    
<div class="form-group">  
    <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="验证码格式不正确"  
    >  
</div>  
<div class="form-group">  
    