jQuery开源组件BootstrapValidator使用详解

jQuery 2019-01-07

本文实例为大家分享了BootstrapValidator使用方法，供大家参考，具体内容如下

github：

参考博客：

参考博客：

表单HTML，如下：

rush:xhtml;">
Box-body">
可用

js代码如下：

rush:js;"> function initForm(){ $('#roleForm').bootstrapValidator({ fields : { roleName : { validators : { notEmpty : { message : '角色名称不能为空' },stringLength : { min : 1,max : 16,message : '角色名称长度必须在1到16位之间' },regexp : { regexp : /^[^&@#/"']*$/,message : '角色名称不能包含&@#/\"\'等字符' } } },roleDescribe : { validators : { notEmpty : { message : '角色描述不能为空' },max : 64,message : '角色描述长度必须在1到64位之间' },message : '角色名称不能包含&@#/\"\'等字符' } } } } }); }

保存前验证代码如下：

rush:js;"> function save_click() { $('#roleForm').bootstrapValidator('validate'); var valid = $('#roleForm').data('bootstrapValidator').isValid(); if(!valid){return;}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

jQuery

相关文章

jquery页面搜索关键词突出显示
页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印
jQuery 添加水印 <script src="../../../.....
Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息
中文：Sys.WebForms.PageRequestManagerParserErrorExceptio...
Asp.net 后台调用js方法
1. 用Response.Write方法 代码如下： Response.Write(&q...
Jquery实现按钮点击遮罩加载，处理完后恢复
Jquery实现按钮点击遮罩加载，处理完后恢复 思路： 1.点击按...