jQuery EasyUI API 中文文档 - ValidateBox验证框


Posted in Javascript onOctober 06, 2011

$.fn.validatebox.defaults 重写了 defaults

<?XML:NAMESPACE PREFIX = O />

jQuery EasyUI API 中文文档 - ValidateBox验证框
用法

<input id="vv" required="true" validType="email">

$('#vv').validatebox({ 
required:true 
});

验证规则
验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则:
email:匹配 email 正则表达式规则
url:匹配 URL 正则表达式规则
length[0,100]:允许从 x 到 y 个字符
remote['http://.../action.do','paramName']:发送 ajax 请求来验证值,成功时返回 'true' 。
要自定义验证规则,重写 $.fn.validatebox.defaults.rules ,来定义一个验证函数和无效的信息。例如,定义一个 minLength 验证类型:
$.extend($.fn.validatebox.defaults.rules, { 
minLength: { 
validator: function(value, param){ 
return value.length >= param[0]; 
}, 
message: 'Please enter at least {0} characters.' 
} 
});

现在你可以使用这个 minLength 验证类型,去定义一个至少输入5个字符的输入框:
<input class="easyui-validatebox" validType="minLength[5]">

特性

名称 类型 说明 默认值
required boolean 定义是否字段应被输入。 false
validType string 定义字段的验证类型,比如 email、url,等等。 null
missingMessage string 当文本框是空时出现的提示文字。 This field is required.
invalidMessage string 当文本框的内容无效时出现的提示文字。 null

方法

名称 参数 说明
destroy none 移除并且销毁这个组件。
validate none 进行验证以判定文本框的内容是否有效。
isValid none 调用 validate 方法并且返回验证结果,true 或者 false。

风流涕淌 翻译。
Javascript 相关文章推荐
JS 控制非法字符的输入代码
Dec 04 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
Nov 28 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
Nov 24 Javascript
JS实现基于拖拽改变物体大小的方法
Jan 23 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
Mar 05 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 Vue.js
jQuery AjaxQueue改进步骤
Oct 06 #Javascript
json2.js的初步学习与了解
Oct 06 #Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
Oct 06 #Javascript
event.X和event.clientX的区别分析
Oct 06 #Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 #Javascript
jQuery EasyUI API 中文文档 - Form表单
Oct 06 #Javascript
基于jQuery的模仿新浪微博时间的组件
Oct 04 #Javascript
You might like
php中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
JavaScript实现身份证验证代码
2016/02/17 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
JavaScript获取服务器时间的方法详解
2016/12/11 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
vue使用监听实现全选反选功能
2018/07/06 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
微信小程序定义和调用全局变量globalData的实现
2019/11/01 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
[48:44]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS HGT
2014/05/22 DOTA
[05:09]第二届DOTA2亚洲邀请赛决赛日比赛集锦:iG 3:0 OG夺冠
2017/04/05 DOTA
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
Windows下用py2exe将Python程序打包成exe程序的教程
2015/04/08 Python
Python中的__slots__示例详解
2017/07/06 Python
python使用turtle库绘制时钟
2020/03/25 Python
在python中利用numpy求解多项式以及多项式拟合的方法
2019/07/03 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法
2020/02/14 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
社区工作者感言
2014/03/02 职场文书
培训主管的职业生涯规划
2014/03/06 职场文书
彩妆大赛策划方案
2014/05/13 职场文书
国博复兴之路观后感
2015/06/02 职场文书
高二语文教学反思
2016/02/16 职场文书
redis实现排行榜功能
2021/05/24 Redis
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs