jQuery表单验证插件jqBootstrapValidation使用示例

作者：袖梨 2022-06-25

jqBootstrapValidation是一个bootstrap框架样式表单的jQuery验证插件，他能够验证基本的表单字段类型，比如电子邮箱格式、纯数字、纯子母、字段是否为空等，依赖于bootstrap框架的表单样式和Jquery JavaScript框架查找和编辑HTML标签。

jqBootstrapValidation是一个bootstrap表单的jQuery验证插件
安装

下载jqbootstrapvalidation包括你的网页的脚本标签：

 代码如下 复制代码


应用插件你想验证jqbootstrapvalidation元素应用到

 代码如下 复制代码

jqbootstrapvalidation将直接在元素中检查HTML5验证器属性，加上通过指定的数据属性的任何额外的选项，参见这里的说明。

校验字段类型

 代码如下 复制代码

电子邮件


   

       
       

           
           


       

   


Attribute Value Req?
type email  √
data-validation-email-message (your failure message) 

数字类型


   

       
       

           
           


       

   

Attribute Value Req?
type “number”  √
data-validation-number-message your failure message 

不能为空


   

       
       

           
           


       

   

Attribute Value Req?
required (doesn’t need a value)  √
data-validation-required-message (your failure message)

当然这里只是简单的介绍到了这个jquery表单验证插件的最基础的功能了，大家可以深入的去研究一下。

相关文章

精彩推荐