基于Bootstrup的强大jQuery表单验证插件

http://www.htmleaf.com/jQuery/Form/201505101807.html

简要教程

formvalidation是一款功能非常强大的基于Bootstrup的jQuery表单验证插件。该jQuery表单验证插件内置了16种表单验证器，你也可以通过Bootstrap Validator's APIs写自己的表单验证器。该表单验证插件的可用验证器有：

between：检测输入的值是否在两个指定的值之间。
callback：通过回调函数返回验证信息。
creditCard：验证信用卡格式。
different：如果输入值和给定的值不同返回

true

。
digits：如果输入的值只包含数字返回

true

。
emailAddress：验证电子邮件格式是否有效。
greaterThan：如果输入的值大于或等于指定的值返回

true

。
hexColor：验证一个hex格式的颜色值是否有效。
identical：验证输入的值是否和指定字段的值相同。
lessThan：如果输入的值小于或等于指定的值返回

true

。
notEmpty：检测字段是否为空。
regexp：检测输入值是否和指定的javascript正则表达式匹配。
remote：通过AJAX请求来执行远程代码。
stringLength：验证字符串的长度。
uri：验证URL地址是否有效。
usZipCode：验证美国的邮政编码格式。

这个jQuery表单验证插件还可以和Foundation、Pure、Semantic UI和UIKit一起配合使用。产科下面的效果图。

formvalidation和Bootstrup一起使用：



formvalidation和Foundation一起使用：



formvalidation和Pure一起使用：



formvalidation和UI Kit一起使用：



formvalidation和Semantic UI一起使用：

使用方法

使用这个表单验证插件首先要引入必要的js和css文件。jQuery要求1.9.1+以上的版本。

HTML结构
该表单验证插件的最基本例子的HTML结果如下：

JAVASCRIPT
在页面加载完毕之后，通过下面的方法来初始化该表单验证插件：

配置参数

该表单验证插件的默认参数配置如下：

更多信息请参考formvalidation表单验证插件官方网站：http://formvalidation.io/