位置: 编程技术 - 正文
jquery插件bootstrapValidator表单验证详解(jQuery插件能输出到控制台)
编辑：rootadmin推荐整理分享jquery插件bootstrapValidator表单验证详解(jQuery插件能输出到控制台)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jQuery插件安装教程,jQuery插件开发,jQuery插件开发,jQuery插件库,jQuery插件使用,jQuery插件使用,jQuery插件开发,jQuery插件库,内容如对您有帮助，希望把文章链接给更多的朋友！
Bootstrap Validator是为Bootstrap3设计的一款表单验证jQuery插件，非常适合基于Bootstrap框架的网站。 看作者的github，这款插件已经不再更新了，而推荐使用FormValidation，不过现在还是先介绍一下BootstrapValidator的使用。
准备工作
BootstrapValidator文档地址： 对应表单中每一项的 name 属性，然后BV还内置了很多 validator 供用户选择，详细可参考文档的 validators 部分，可以看到，邮箱格式的验证正是其中之一，不需要用户自己写正则了。
不符合验证要求时，会显示错误提示的message，并且禁用提交按钮，提示信息的颜色字体等等都可以重写css来设置，效果展示如下：
注：图中的注册按钮处于禁用状态
下面再介绍一下fields的 selector，因为表单数据往往是属于某一个注册用户所有，为方便与后台进行数据交互，我们往往按如下的形式设置name，这时候就不能直接利用name属性来进行验证了，而是使用selector来定义fields：
对应的js代码：
如果你嫌弃这样写代码累赘，可以直接应用相应的HTML属性，详细可参考文档的 settings 部分
还想深入学习表单验证的朋友，可以点击专题：jquery表单验证大全 JavaScript表单验证大全
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：
Bootstrap学习教程
Bootstrap实战教程
Bootstrap Table使用教程
Bootstrap插件使用教程
以上只是BootstrapValidator的一个非常简单的应用， 官方文档 很详细，感兴趣的话就继续查阅，来深入了解它的强大功能吧
jQuery validate插件功能与用法详解 本文实例讲述了jQueryvalidate插件功能与用法。分享给大家供大家参考，具体如下：前言：对于表单内容格式的验证，原生JS的写法，较为繁琐，笔者曾在
jQuery Validate让普通按钮触发表单验证的方法 一般的表单校验都是直接注册在页面上的匿名函数，导致只能通过固定的提交方式触发表单校验，如果想自定义一个按钮触发表单校验如何实现呢？目
详解jQuery简单的表单应用 大致介绍接下来的这几个博客是对前面所学知识的一个简单的应用，来加深理解单行文本框只介绍一个简单的样式：获取和失去焦点改变样式基本结构
标签: jQuery插件能输出到控制台
本文链接地址:https://www.jiuchutong.com/biancheng/373922.html 转载请保留说明！
