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 相关文章推荐
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
jQuery之浮动窗口实现代码(两种方法)
Sep 08 Javascript
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
js限制文本框只能输入中文的方法
Aug 11 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
jQuery EasyUi 验证功能实例解析
Jan 06 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
微信小程序左滑删除功能开发案例详解
Nov 12 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 Javascript
js动态添加带圆圈序号列表的实例代码
Feb 18 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中文件下载功能实现超详细流程分析
2012/06/13 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
laravel自定义分页效果
2017/07/23 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
微信小程序 实现tabs选项卡效果实例代码
2016/10/31 Javascript
利用VUE框架,实现列表分页功能示例代码
2017/01/12 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
vue中接口域名配置为全局变量的实现方法
2018/09/20 Javascript
JavaScript canvas仿代码流瀑布
2020/02/10 Javascript
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
python生成九宫格图片
2018/11/19 Python
在Python中字典根据多项规则排序的方法
2019/01/21 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
python操作gitlab API过程解析
2019/12/27 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
python的dict判断key是否存在的方法
2020/12/09 Python
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
思想汇报范文
2013/11/04 职场文书
新娘父亲婚礼致辞
2014/01/16 职场文书
公司活动邀请函
2014/01/24 职场文书
四个太阳教学反思
2014/02/01 职场文书
九年级政治教学反思
2014/02/06 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
《我们的民族小学》教学反思
2016/02/19 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
vue实现登陆页面开发实践
2022/05/30 Vue.js