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

$.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个字符的输入框:
复制代码 代码如下:

<input class="easyui-validatebox" validType="minLength[5]">

特性

名称

类型

说明

默认值

required

boolean

定义是否字段应被输入。

false

validType

string

定义字段的验证类型,比如 emailurl,等等。

null

missingMessage

string

当文本框是空时出现的提示文字。

This field is required.

invalidMessage

string

当文本框的内容无效时出现的提示文字。

null

方法

名称

参数

说明

destroy

none

移除并且销毁这个组件。

validate

none

进行验证以判定文本框的内容是否有效。

isValid

none

调用 validate 方法并且返回验证结果,true 或者 false


风流涕淌 翻译。

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。
在实际的项目中,我们通常都是用构造函数来创建一个对象,再将一些常用的方法添加到其原型对象上。最后要么直接实例化该对象,要么将它作为父类,再申明一个对象,继承该父类。 而在继承的时候有两种常用方式,今天我们就来稍作探讨 复制代码 代码如下: //父类 function Person(name){ this.name = name; }; // 子类 function Student(sex){ Person.apply(this,arguments); //继承父类的构造函数 this.sex=sex; }
本文实例讲述了jQuery实现统计输入文字个数的方法。分享给大家供大家参考。具体如下: jQuery统计输入文字个数可以使用在统计回复字数,标题字数长度提示,增加友好度提高用户体验。代码如下: 复制代码 代码如下: html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titlejQuery统计文字个数/title script t

基于jquery的cookie的用法 - 2015-07-18 04:07:01

example $.cookie('name', ‘value'); 设置cookie的值,把name变量的值设为value example $.cookie('name', ‘value', {expires: 7, path: ‘/', domain: ‘jquery.com', secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie('name', ‘value'); 新建cookie example $.cookie('name', null
本文实例讲述了JavaScript实现的encode64加密算法。分享给大家供大家参考。具体如下: 这段JavaScript代码可实现encode64加密算法,速度还是相当不错的。 //encode64编解码(function() { var codeChar = "PaAwO65goUf7IK2vi9-xq8cFTEXLCDY1Hd3tV0ryzjbpN_BlnSs4mGRkQWMZJeuh"; window.encode64 = function(str) { var s = ""; var a =
本文实例讲述了ajax+jQuery实现级联显示地址的方法。分享给大家供大家参考。具体实现方法如下: %@ page language="java" import="java.util.*" pageEncoding="utf-8"contentType="text/html; charset=utf-8"%htmlhead title初始化HELLO/title script type="text/javascript" src="../../js/jquery.js"/script script ty
继承是我们在实现面向对象编程的时候很重要的一个手段。虽然我们讲不能过度继承,多利用组合代替继承,但是继承总是免不了的。这里要讨论的就是Javascript中的继承机制。 Javascript中实际上是没有继承的概念的,但是我们可以通过一些手段来模仿实现它。这种继承实际上把一个对象复制到另外一个对象内部。你需要注意的是所有的本地类和宿主类是不能作为基类被继承的,主要是为了安全方面的考虑。 Javascript中的继承大约有三类:1.对象冒充;2.原型继承;3.二者的混合。 一、对象冒充 其实对象冒充是跟th
下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下: (1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 复制代码 代码如下: script type="text/javascript" //3秒钟之后跳转到指定的页面 setTimeout(window.location.href=#>/script (2)html代码实现,在页面的head区域块内加上如下代码 复制代码 代码如下: !--5秒钟后跳转到指定的页面-- meta http-equiv="
javascript中的事件驱动是通过 鼠标或热键 的动作引发的 主要事件如下: 1、鼠标单击事件 onclick 如:( input type="button" value="鼠标单击" onclick="执行语句.处理" /) 通常用于如下控件: button 按钮对象 checkbox 复选框或检查列表 --配合onclick单击事件,通常用于全选效果 radio 单选按纽 reset 重置按钮 submit提交按钮 2、内容改变事件 onchange 如:(input type="text" onc
本文实例讲述了JavaScript获得url查询参数的方法。分享给大家供大家参考。具体实现方法如下: function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split(""); for (var i=0;ivars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){re
1、jQuery自带的$.map方式 复制代码 代码如下: $.map(json, function (n) { return n; }); 这种方式原来用于复制数组还可以,今天用它复制数组中的某一条记录,发现字段名称丢失了,后来发现了第二种方法。 2、深复制与浅复制 复制代码 代码如下: // 浅层复制(只复制顶层的非 object 元素) var newObject = jQuery.extend({}, oldObject); // 深层复制(一层一层往下复制直到最底层) var newObject