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 相关文章推荐
jquery 经典动画菜单效果代码
Jan 26 Javascript
javascript+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
自己整理的一个javascript日期处理函数
Oct 16 Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
Dec 27 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
May 19 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
Aug 09 Javascript
JavaScript 监听组合按键思路及代码实现
Jul 28 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
多人战的战术与战略
2020/03/04 星际争霸
杏林同学录(一)
2006/10/09 PHP
PHP 透明水印生成代码
2012/08/27 PHP
php列出一个目录下的所有文件的代码
2012/10/09 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
javascript web对话框与弹出窗口
2009/02/22 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
node.js中的path.delimiter方法使用说明
2014/12/09 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
angularJS 中input示例分享
2015/02/09 Javascript
基于BootStarp的Dailog
2016/04/28 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
如何快速上手Vuex
2017/02/14 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
Js中async/await的执行顺序详解
2017/09/22 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
深入解析Python编程中JSON模块的使用
2015/10/15 Python
python与php实现分割文件代码
2017/03/06 Python
学python安装的软件总结
2019/10/12 Python
Python 中 -m 的典型用法、原理解析与发展演变
2019/11/11 Python
python去除删除数据中\u0000\u0001等unicode字符串的代码
2020/03/06 Python
python def 定义函数,调用函数方式
2020/06/02 Python
Python几种常见算法汇总
2020/06/02 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
军训心得体会
2013/12/31 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
护士长竞聘书
2014/03/31 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python