/**
File Name:validateExtend.js
Author:zheng.yongfeng
create Version:01.00.000
Create Date:2012-08-13
modify Version:
modify Date:
*/
$.extend( $.fn.validatebox.defaults.rules,{
//扩展远程调用,为验证过程添加其他参数,默认空值为"-1"
//事例:
//remoteExtend['taskCfgCtrl.action?cmd=checkNameIsExist','name','taskId']
//<input type="hidden" id="taskId" name="taskId" disabled="disabled" value="-1"></input>,必须设置为disabled,防止提交到后台
remoteExtend : {
validator : function(value, param) {
var data = {};
data[param[1]] = value; //当前value所对应的name
var paramName = null;
var paramValue = null;
for(var i = 2; i < param.length; i ++){
paramName = $("#" + param[i]).attr("name");
paramValue = $("#" + param[i]).attr("value");
if(paramValue == ""){ //默认空值为"-1",防止参数传递转换成Numbe可能出现的异常
paramValue = "-1";
}
data[paramName] = paramValue;
}
var isValidate = $.ajax({
url : param[0], //url
dataType : "json",
data : data,
async : false,
cache : false,
type : "post"
}).responseText;
return isValidate == "true";
},
message : ""
},
//ip地址验证
ipValid : {
validator : function(value, param) {
var result = false;
var dataArray = value.split(".");
if(dataArray.length == 4){
var num = 0;
var index = 0;
for(var i = 0; i < 4; i ++){
if(dataArray[i] != ""){
num = Number(dataArray[i]);
if(num <= 255 && num >= 0){
index ++;
}
}
}
if(index == 4){
result = true;
}
}
return result;
},
message : "格式错误"
},
//正则表达式验证
custRegExp : {
validator : function(value, param) {
var regExp = new RegExp(eval(param[0]));
return regExp.test(value);
},
message : ""
},
//空值验证
emptyValid:{
validator : function(value, param) {
return ($.trim(value).length ==0) ? false : true;
},
message : "不能为空"
},
//整数判断
//事例:
//intValid[9],intValid[,9] 表示最小值为9
//intValid[0,9] 表示取值范围为0-9
//intValid[,9] 表示最大值为9
intValid:{
validator : function(value, param) {
//先验证是否为整数
var regExp = new RegExp(/^-?\d+$/);
if(!regExp.test(value)){
$.fn.validatebox.defaults.rules.intValid.message = "只能输入整数";
return false;
}
var isValueCorrect = true; //判断指定值是否在某一范围内
if(param != null){
switch(param.length){
case 1: //intValid[9] 表示最小值为9
isValueCorrect = (value >= param[0]);
$.fn.validatebox.defaults.rules.intValid.message = "最小值为{0}";
break;
case 2:
if(typeof(param[0]) == "undefined"){ //intValid[,9] 表示最大值为9
isValueCorrect = (value <= param[1]);
$.fn.validatebox.defaults.rules.intValid.message = "最大值为{1}";
}
else if(typeof(param[1]) == "undefined"){ //intValid[9,] 表示最小值为9
isValueCorrect = (value >= param[0]);
$.fn.validatebox.defaults.rules.intValid.message = "最小值为{0}";
}
else{ //intValid[0,9] 表示取值范围为0-9
isValueCorrect =((value >= param[0]) && (value <= param[1]));
$.fn.validatebox.defaults.rules.intValid.message = "范围为{0}到{1}";
}
break;
defalut:
isValueCorrect = true;
}
}
return isValueCorrect;
},
message : ""
}
});
分享到:
相关推荐
ValidateBox 也允许用户自定义验证规则,例如可以使用 jQuery 的 extend 方法来扩展 ValidateBox 的规则,例如可以添加身份证号码、电话号码、手机号码等验证规则。 EasyUI 的 ValidateBox 验证组件提供了多种类型...
4. **自定义验证规则**:除了内置的验证规则外,你还可以通过扩展jQuery validatebox插件来创建自定义验证规则。例如,定义一个检查邮箱格式的验证规则: ```javascript $.extend($.fn.validatebox.defaults.rules,...
标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件,该插件用于表单输入验证。validatebox允许前端对用户输入进行校验,以减少服务器的负担并提升用户体验。它提供了基本的校验规则,但有时可能...
在"jQuery EasyUI 扩展(tip和form)"这个主题中,我们将深入探讨如何利用 EasyUI 的扩展功能来优化提示(tip)和表单(form)的交互体验。 首先,让我们谈谈“Tip”。在 Web 开发中,提示信息通常用于向用户提供即时...
知识点解析: 1. jQuery EasyUI介绍: jQuery EasyUI是一个基于jQuery的前端UI框架,...通过上述方法,可以灵活地在使用jQuery EasyUI开发Web应用时扩展validatebox的校验规则,以实现更复杂、更专业的数据校验功能。
并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包中已经提供...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件和插件,帮助开发者快速构建用户界面。EasyUI 提供了丰富的UI控件,如表格、对话框、菜单、表单、树形结构等,极大地简化了网页开发的工作量。 #...
EasyUI是一款基于jQuery的用户界面插件集合,它简化了Web应用开发中的交互组件创建过程。其中,验证框(ValidateBox)是EasyUI中用于输入验证的一个强大工具,能够帮助开发者实现对用户输入的有效性检查。本文将详细...
- **插件扩展**:除了核心组件外,社区还提供了许多第三方插件,如拖放排序、图表、富文本编辑器等。 - **Ajax 数据绑定**:结合 jQuery 的 Ajax 功能,可以实现数据的动态加载和异步更新。 在 `jquery-easyui-...
6. **插件与扩展**:EasyUI 社区开发的第三方插件,扩展了框架的功能,如图表、地图等。 7. **源码分析**:部分组件的源码解读,有助于深入理解 EasyUI 的工作原理。 学习 EasyUI 的过程中,你将了解到: - **基本...
### jQuery EasyUI 插件属性详解 #### 一、Overview jQuery EasyUI 是一款基于 jQuery 的用户界面插件集合,提供了丰富的用户界面组件,能够帮助开发者快速构建具有交互性和美观性的网页应用。本文主要对 jQuery ...
5. **插件**:EasyUI 还提供了一些插件,如日期选择器(datebox)、时间选择器(datetimebox)、验证(validatebox)等,这些插件扩展了组件的功能。 6. **API函数**:EasyUI 提供了一系列API函数,如$.fn.dialog....
扩展validatebox的验证方法,最开始的验证代码如下: //学号格式只能为数字 ****//这里没有问题**** number: {//value值为文本框中的值 validator: function (value) { var reg = /^[0-9]*$/; return reg.test...
本教程将深入探讨如何结合EasyUI实现用户验证,以及如何扩展jQuery控件验证功能。 EasyUI是一款基于jQuery的轻量级框架,它提供了丰富的组件和主题,使得开发者可以快速构建出美观、响应式的用户界面。其核心思想是...
- **插件扩展**:EasyUI 社区提供了许多第三方插件,如日期选择器(datebox)、时间选择器(timespinner)等,丰富了组件库。 7. **示例代码** - `2.[jQuery EasyUI]第2章 使用EasyUI.exe` 和 `第2章 使用EasyUI....
jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web 应用程序。通过简单的 JavaScript 调用或 HTML 标签属性设置即可实现...
EasyUI 是一款基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 控件,包括 datagrid,可以方便地构建出复杂的数据展示表格。Datagrid 是 EasyUI 中非常重要的一个组件,它支持多种显示模式和编辑功能。 #### 二...
- **表单验证**:利用 Form 组件和 jQuery EasyUI 的 validatebox 验证插件,可以轻松实现表单数据的验证。 - **数据网格**:Grid 组件支持分页、排序、过滤等功能,可以方便地展示和操作大量数据。 - **联动效果...