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 相关文章推荐
Javascript 闭包引起的IE内存泄露分析
May 23 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
JavaScript调用浏览器打印功能实例分析
Jul 17 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
详解vuex 中的 state 在组件中如何监听
May 23 Javascript
vue.js移动端app实战1:初始配置详解
Jul 24 Javascript
js中document.write和document.writeln的区别
Mar 11 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
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 Pear 安装及使用
2009/03/19 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
jQuery实现的网格线绘制方法
2016/06/20 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
2016/09/19 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
python实现合并两个数组的方法
2015/05/16 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
python小白切忌乱用表达式
2020/05/29 Python
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
前台领班岗位职责
2013/12/04 职场文书
更夫岗位责任制
2014/02/11 职场文书
活动总结报告格式
2014/05/09 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
地道战观后感
2015/06/04 职场文书
小学班主任工作随笔
2015/08/15 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
python实现图片批量压缩
2021/04/24 Python
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js