文档章节

bootstrap validator 使用示例

yawn-silence
 yawn-silence
发布于 2016/07/22 16:39
字数 124
阅读 44
收藏 1

$('.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'
                            }
                        }
                    }
                }
            });

© 著作权归作者所有

共有 人打赏支持
yawn-silence
粉丝 31
博文 65
码字总数 31693
作品 0
广州
高级程序员
私信 提问
bootstrap validator校验

大家好最近学习bootstrap validator,验证手机号的时候有这样一个逻辑, 1.手机格式 2.后台查询是否已经注册 如何做到1不通过时不执行remote后台验证? 还有一个问题,bootstrap validator如...

樱木花道VS康
2018/06/28
120
0
bootstrap-table教程演示

Bootstrap Admin 效果展示 Table of contents Create Remove Update Export Tree Create 相关插件 bootstrap-validator 演示 Remove 相关插件 bootstrap-multiselect bootstrap-table 演示 ......

seltonzyf
2018/06/21
0
0
使用bootstrap-Validator校验表单

前端UI框架选择bootstrap,那么bootstrap-Validator作为表单校验是一个不错的选择。 以下内容前提是UI框架采用bootstrap。 引入依赖 第一个:校验控件 第二行:语言包,默认是英语 第三行:扩...

梦想修补师
2017/11/22
0
0
Flask入门 表单Flask-wtf form原生与Bootstrap渲染(七)

(1) 原生的表单 模板页面,form表单 在manage.py中 在manage.py中将路由函数合并 (2) Flask-wtf表单 说明 : 是一个用于表单处理,校验并提供csrf验证的功能的扩展库 安装 : 作用: Flask-wtf能保...

善良小郎君
2018/06/02
0
0
bootstrap validator使用

bootstrap validator如何实现失去焦点时校验(已实现)后,获取焦点时错误信息消失?

樱木花道VS康
2018/07/17
80
1

没有更多内容

加载失败,请刷新页面

加载更多

搜索引擎(Solr-索引详解)

时间字段类型特别说明 Solr中提供的时间字段类型( DatePointField, DateRangeField,废除的TrieDateField )是以时间毫秒数来存储时间的。 要求字段值以ISO-8601标准格式来表示时间:YYYY-MM...

这很耳东先生
23分钟前
0
0
Java成神之路

1、基础篇 01、面向对象 → 什么是面向对象 面向对象、面向过程 面向对象的三大基本特征和五大基本原则 → 平台无关性 Java 如何实现的平台无关 JVM 还支持哪些语言(Kotlin、Groovy、JRuby...

asdf08442a
53分钟前
2
0
dubbo源码分析-服务导出

简介 dubbo框架spring Schema扩展机制与Spring集成,在spring初始化时候加载dubbo的配置类。 dubbo服务导出的入口类是ServiceBean的onApplicationEvent方法 ServiceBean的继承关系如下 publ...

王桥修道院副院长
58分钟前
0
0
QQ音乐的动效歌词是如何实践的?

本文由云+社区发表 作者:QQ音乐技术团队 一、 背景 1. 现状 歌词浏览已经成为音乐app的标配,展示和动画效果也基本上大同小异,主要是单行的逐字染色的卡拉OK效果和多行的滚动效果。当然,我...

腾讯云加社区
59分钟前
4
0
idea里配置springboot项目打热部署

首先添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <optional>true</optional></dependency> 然后添......

shatian
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部