bootstrap validator html attributes 选项
2016-04-27 10:23
375 查看
常用的html属性: data-fv-message="The username is not valid" data-fv-notempty="true" data-fv-notempty-message="The username is required and cannot be empty" data-fv-regexp="true" data-fv-regexp-regexp="^[a-zA-Z0-9_\.]+$" data-fv-regexp-message="The username can only consist of alphabetical, number, dot and underscore" data-fv-stringlength="true" data-fv-stringlength-min="6" data-fv-stringlength-max="30" data-fv-stringlength-message="The username must be more than 6 and less than 30 characters long" 如何使用:
页面增加引用
<link href="Styles/bootstrap.css" rel="stylesheet" />
<link href="Styles/bootstrapValidator.css" rel="stylesheet" />
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/bootstrapValidator.js"></script>
按需求增加相应的验证属性
如:
<input type="text" class="form-control" name="firstName" placeholder="First name"
data-fv-row=".col-xs-4"
data-fv-notempty="true"
data-fv-notempty-message="The first name is required and cannot be empty" />
页面加载后执行: $("#Form").bootstrapValidator(options)
有关options 说明请参考:http://bv.doc.javake.cn/settings/
相关文章推荐
- BootStrap响应式导航条
- Bootstrap(一) 排版
- 简介BootStrap model弹出框的使用
- Java全新高大尚HTML5 bootstrap后台框架源码 java图片爬虫 自定义表单
- bootstrap样式大全
- Bootstrap学习速查表(二) 排版及表格
- JS组件Bootstrap实现弹出框效果代码
- Bootstrap滚动监听(Scrollspy)插件详解
- JS组件Bootstrap实现下拉菜单效果代码
- 关于Bootstrap日期控件datetimepicker被模态框等遮罩在底部的问题及解决办法。
- Bootstrap每天必学之模态框(Modal)插件
- Bootstrap表单组件教程详解
- 详解Bootstrap表单组件
- 什么是Bootstrap Aggregating
- Bootstrap每天必学之工具提示(Tooltip)插件
- Bootstrap网格系统详解
- Bootstrap每天必学之标签页(Tab)插件
- Bootstrap按钮组件详解
- Bootstrap每天必学之警告框插件
- Flask-更改国内CDN