手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery EasyUI API 中文文档 - ValidateBox验证框
jQuery EasyUI API 中文文档 - ValidateBox验证框
摘要:用$.fn.validatebox.defaults重写了defaults。用法复制代码代码如下:复制代码代码如下:$('#vv').val...

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

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

用法

复制代码 代码如下:

<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 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。

风流涕淌 翻译。

【jQuery EasyUI API 中文文档 - ValidateBox验证框】相关文章:

JavaScript数组去重的3种方法和代码实例

DeviceOne 让你一见钟情的App快速开发平台

gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

js+cookies实现悬浮购物车的方法

JQuery插件jcarousellite的参数中文说明

浅谈jQuery构造函数分析

jquery.validate使用时遇到的问题

javascript实现淡蓝色的鼠标拖动选择框实例

详解Node.js包的工程目录与NPM包管理器的使用

Node.js重新刷新session过期时间的方法

精品推荐
分类导航