bootstrap validator 使用示例

$('.form-horizontal').bootstrapValidator({
                 message : 'This value is not valid',
                 feedbackIcons : {
                     valid : 'glyphicon glyphicon-ok',
                     invalid : 'glyphicon glyphicon-remove',
                     validating : 'glyphicon glyphicon-refresh'
                 },
                 fields : {
                     "coachName" : {
                         validators : {
                             notEmpty : {
                                 message : '请输出教练名'
                             },
                             stringLength : {
                                 min : 2,
                                 max : 16,
                                 message : '不能低于2且不能超过16位'
                             },
                             regexp : {
                                 regexp : /^[a-zA-Z0-9\u4e00-\u9fa5]+$/,
                                 message : '不能包含特殊字符'
                             }
                         }
                     },
                     "phone" : {
                         validators : {
                             notEmpty : {
                                 message : '请输入手机号码'
                             },
                             regexp : {
                                 regexp : /^0?1[3|4|5|8][0-9]\d{8}$/,
                                 message : '无效的手机号码'
                             }
                         }
                     },
                     "introduce" : {
                         validators : {
                             notEmpty : {
                                 message : '请输入健身店介绍'
                             },
                             stringLength : {
                                 min : 1,
                                 max : 256,
                                 message : '长度不能超过256'
                             }
                         }
                     }
                 }
             });

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java帮帮-微信公众号-技术文章全总结

Java案例-打印九宫格

Java案例-打印九宫格 完成九宫格程序 在井字形的格局中(只能是奇数格局),放入数字(数字由),使每行每列以及斜角线的和 都相等 经验规则:从1 开始按顺序...

3154
来自专栏小樱的经验随笔

SG函数和SG定理【详解】

在介绍SG函数和SG定理之前我们先介绍介绍必胜点与必败点吧. 必胜点和必败点的概念: P点:必败点,换而言之,就是谁处于此位置,则在双方操作正确的情况下必败。...

3327
来自专栏专知

【LeetCode 463】 关关的刷题日记29 Island Perimeter

关关的刷题日记29 – Leetcode 463. Island Perimeter 题目 You are given a map in form of a t...

2655
来自专栏专知

关小刷刷题08 – Leetcode 26. Remove Duplicates from Sorted Array 方法2、3

关小刷刷题08 – Leetcode 26. Remove Duplicates from Sorted Array 方法2、3 方法2 方法2:遍历数组,遇到...

2409
来自专栏Python数据科学

如何用Python过一个完美的七夕节?

一年一度的七夕节又到了,每年重复的过,花样各种有,很多男同胞又开始发愁了,该准备点什么呢?前一段时间非常火的电影 “西红市首富” 突然给了我点灵感,男主全城放烟...

1841
来自专栏不止是前端

问起Vue的原理时不要再只说defineProperty了

1584
来自专栏web编程技术分享

js正则表达式简单应用

2605
来自专栏王磊的博客

ECharts使用心得

ECharts百度旗下图标插件,在展示地图、雷达图等方面有很好的支持。 应用场景: 自动生成X轴的数据: 设置:xAxis的type=value || typ...

2657
来自专栏专知

关关的刷题日记89 – Leetcode 168. Excel Sheet Column

关关的刷题日记89 – Leetcode 168. Excel Sheet Column 题目 Given a positive integer, return...

3475
来自专栏Nian糕的私人厨房

腾讯课堂 IMWeb 七天前端求职提升营 Day 2

本次的系列博文主要是针对 腾讯课堂七天前端求职提升营 课程中,所推送的面试题目及编程练习的一次汇总,期间还包括三次直播课的分享,均由腾讯导师给大家讲解,该系列博...

696

扫码关注云+社区