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 相关文章推荐
xml 与javascript结合的问题解决方法
Mar 24 Javascript
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
文字不间断滚动(上下左右)实例代码
Apr 21 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
jquery中$(#form :input)与$(#form input)的区别
Aug 18 Javascript
jQuery 判断图片是否加载完成方法汇总
Aug 10 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
Jul 20 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
React四级菜单的实现
Apr 08 Javascript
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&amp;java(三)
2006/10/09 PHP
PHP 引用是个坏习惯
2010/03/12 PHP
php数组函数序列之array_push() 数组尾部添加一个或多个元素(入栈),返回新长度。
2011/11/07 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
Centos6.5和Centos7 php环境搭建方法
2016/05/27 PHP
yii的入口文件index.php中为什么会有这两句
2016/08/04 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
求得div 下 img的src地址的js代码
2007/02/28 Javascript
jquery tools 系列 scrollable学习
2009/09/06 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
2013/04/09 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
vue仿element实现分页器效果
2018/09/13 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
python操作列表的函数使用代码详解
2017/12/28 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
浅谈django orm 优化
2018/08/18 Python
Django REST framework 分页的实现代码
2019/06/19 Python
Python常用编译器原理及特点解析
2020/03/23 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
新闻专业个人求职信
2013/12/19 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
中华魂演讲稿
2014/05/13 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
解决 Redis 秒杀超卖场景的高并发
2022/04/12 Redis