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

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

<?XML:NAMESPACE PREFIX = O />

文档 - ValidateBox验证框_jquery-easyui 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。

风流涕淌 翻译。

时间: 2024-10-30 15:13:03

jQuery EasyUI API 中文文档 - ValidateBox验证框_jquery的相关文章

jQuery EasyUI API 中文文档 - ComboBox组合框_jquery

扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. <?XML:NAMESPACE PREFIX = O />   文档 - ComboBox组合框_jquery-easyui combobox api">依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> &l

jQuery EasyUI API 中文文档 - NumberBox数字框_jquery

扩展自 $.fn.validatebox.defaults,用 $.fn.numberbox.defaults 重写了 defaults . 依赖 validatebox 用法 复制代码 代码如下: <input type="text" id="nn"></input> 复制代码 代码如下: $('#nn').numberbox({ min:0, precision:2 }); 特性<?XML:NAMESPACE PREFIX = O

jQuery EasyUI API 中文文档 - ProgressBar 进度条_jquery

用$.fn.progressbar.defaults重写defaults. 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建.从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-progressbar" style="width:400px;">&

jQuery EasyUI API 中文文档 - ComboGrid 组合表格_jquery

扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults . 文档 - ComboGrid 组合表格_jquery-easyui combogrid api">依赖 combo datagrid 用法 复制代码 代码如下: <select id="cc" name="dept" style="width:250px;&

jQuery EasyUI API 中文文档 - ComboTree组合树_jquery

扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults.用 $.fn.combotree.defaults 重写了defaults. <?XML:NAMESPACE PREFIX = O /> 文档 - ComboTree组合树_jquery-easyui combotree api">依赖 combo tree 用法 <select id="cc" style="width:200px;">

jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'

jQuery EasyUI API 中文文档 - Form表单_jquery

Form 表单 用法 复制代码 代码如下: <form id="ff" method="post"> ... </form> 使 form 成为 ajax 提交的 form . 复制代码 代码如下: $('#ff').form({ url:..., onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提

jQuery EasyUI API 中文文档 - Calendar日历使用_jquery

用 $.fn.calendar.defaults 重写了 defaults.   <?XML:NAMESPACE PREFIX = O /> 文档 - Calendar日历使用_jquery-jquery calendar api">用法 复制代码 代码如下: <div id="cc" style="width:180px;height:180px;"></div> 复制代码 代码如下: $('#cc').cale

jQuery EasyUI API 中文文档 - Parser 解析器_jquery

用法 复制代码 代码如下: $.parser.parse(); // 解析整个页面 $.parser.parse('#cc'); // 解析某个具体节点 特性<?XML:NAMESPACE PREFIX = O /> 名称 类型 说明 默认值 $.parser.auto boolean 定义是否自动解析easyui组件. true 事件 名称 参数 说明 $.parser.onComplete context 当解析器完成解析动作的时候触发. 方法 名称 参数 说明 $.parser.pars