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

jQuery EasyUI API 中文文档 - ValidateBox验证框，使用jQuery EasyUI的朋友可以参考下。

用 $.fn.validatebox.defaults 重写了 defaults。

用法

代码如下:

<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个字符的输入框：

复制代码代码如下:

特性

名称	类型	说明	默认值
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。

jQuery EasyUI API 中文文档 - ValidateBox验证框相关推荐

jQuery EasyUI API 中文文档 - DataGrid 数据表格
扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagin ...
jQuery EasyUI API 中文文档 - 文档
Documentation 文档风流涕淌翻译.不当之处,敬请指正.转载请保留出处! 每个easyui组件都有特性(property).方法(method)和事件(event),用户可以很容易地扩 ...
jQuery EasyUI API 中文文档 - 数据表格（DataGrid）
DataGrid 数据表格博客园风流涕淌 (philoo.cnblogs.com) 翻译.不当之处,敬请指正.转载请保留出处! 扩展自 $.fn.panel.defaults ,用 $.fn ...
jQuery EasyUI API 中文文档 - Documentation 文档
每个easyui组件都有特性(property).方法(method)和事件(event),用户可以很容易地扩展它们. 特性特性在jQuery.fn.{plugin}.defaults里定义.例如, ...
jQuery EasyUI API 中文文档 - 微调器（Spinner）
Spinner 微调器扩展自 $.fn.validatebox.defaults,用 $.fn.spinner.defaults 重写了 defaults. 依赖 validatebox 用法 1. ...
jQuery EasyUI API 中文文档 - 数字框（NumberBox）
NumberBox 数字框博客园风流涕淌 (philoo.cnblogs.com) 翻译.不当之处,敬请指正.转载请保留出处! 扩展自 $.fn.validatebox.defaults,用 $ ...
jQuery EasyUI API 中文文档 - 链接按钮（LinkButton）
LinkButton 链接按钮风流涕淌翻译.不当之处,敬请指正.转载请保留出处! 用 $.fn.linkbutton.defaults 重写了 defaults. 用法示例 1. <a ...
jQuery EasyUI API 中文文档 - 组合表格（ComboGrid）
ComboGrid 组合表格博客园风流涕淌 (philoo.cnblogs.com) 翻译.不当之处,敬请指正.转载请保留出处! 扩展自 $.fn.combo.defaults 和 $.fn.d ...
jQuery EasyUI API 中文文档 - 日期框（DateBox）
DateBox 日期框扩展自 $.fn.combo.defaults.用 $.fn.datebox.defaults 重写了 defaults. 依赖 combo calendar 用法 1. &l ...

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

jQuery EasyUI API 中文文档 - ValidateBox验证框相关推荐

最新文章

热门文章