`
xmdxzyf
  • 浏览: 24734 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

easyui validatebox 扩展插件

阅读更多
/**
 	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 : ""
			}
});

 

 

1
2
分享到:
评论

相关推荐

    easyui validatebox验证类型

    ValidateBox 也允许用户自定义验证规则,例如可以使用 jQuery 的 extend 方法来扩展 ValidateBox 的规则,例如可以添加身份证号码、电话号码、手机号码等验证规则。 EasyUI 的 ValidateBox 验证组件提供了多种类型...

    jQuery+easyui validatebox 验证框

    4. **自定义验证规则**:除了内置的验证规则外,你还可以通过扩展jQuery validatebox插件来创建自定义验证规则。例如,定义一个检查邮箱格式的验证规则: ```javascript $.extend($.fn.validatebox.defaults.rules,...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件,该插件用于表单输入验证。validatebox允许前端对用户输入进行校验,以减少服务器的负担并提升用户体验。它提供了基本的校验规则,但有时可能...

    jQuery EasyUI 扩展(tip和form)

    在"jQuery EasyUI 扩展(tip和form)"这个主题中,我们将深入探讨如何利用 EasyUI 的扩展功能来优化提示(tip)和表单(form)的交互体验。 首先,让我们谈谈“Tip”。在 Web 开发中,提示信息通常用于向用户提供即时...

    jQuery插件EasyUI校验规则 validatebox验证框

    知识点解析: 1. jQuery EasyUI介绍: jQuery EasyUI是一个基于jQuery的前端UI框架,...通过上述方法,可以灵活地在使用jQuery EasyUI开发Web应用时扩展validatebox的校验规则,以实现更复杂、更专业的数据校验功能。

    jQuery EasyUI 1.4 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包中已经提供...

    jquery-Easyui引用与例子

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件和插件,帮助开发者快速构建用户界面。EasyUI 提供了丰富的UI控件,如表格、对话框、菜单、表单、树形结构等,极大地简化了网页开发的工作量。 #...

    easyui验证框使用方法

    EasyUI是一款基于jQuery的用户界面插件集合,它简化了Web应用开发中的交互组件创建过程。其中,验证框(ValidateBox)是EasyUI中用于输入验证的一个强大工具,能够帮助开发者实现对用户输入的有效性检查。本文将详细...

    jquery easyui 模板

    - **插件扩展**:除了核心组件外,社区还提供了许多第三方插件,如拖放排序、图表、富文本编辑器等。 - **Ajax 数据绑定**:结合 jQuery 的 Ajax 功能,可以实现数据的动态加载和异步更新。 在 `jquery-easyui-...

    Easyui全套整合 值得收藏

    6. **插件与扩展**:EasyUI 社区开发的第三方插件,扩展了框架的功能,如图表、地图等。 7. **源码分析**:部分组件的源码解读,有助于深入理解 EasyUI 的工作原理。 学习 EasyUI 的过程中,你将了解到: - **基本...

    jquery EasyUI插件属性汇总.

    ### jQuery EasyUI 插件属性详解 #### 一、Overview jQuery EasyUI 是一款基于 jQuery 的用户界面插件集合,提供了丰富的用户界面组件,能够帮助开发者快速构建具有交互性和美观性的网页应用。本文主要对 jQuery ...

    EasyUI1.4 api+源码 中文版

    5. **插件**:EasyUI 还提供了一些插件,如日期选择器(datebox)、时间选择器(datetimebox)、验证(validatebox)等,这些插件扩展了组件的功能。 6. **API函数**:EasyUI 提供了一系列API函数,如$.fn.dialog....

    Jquery插件easyUi实现表单验证示例

    扩展validatebox的验证方法,最开始的验证代码如下: //学号格式只能为数字 ****//这里没有问题**** number: {//value值为文本框中的值 validator: function (value) { var reg = /^[0-9]*$/; return reg.test...

    结合easyui的用户验证

    本教程将深入探讨如何结合EasyUI实现用户验证,以及如何扩展jQuery控件验证功能。 EasyUI是一款基于jQuery的轻量级框架,它提供了丰富的组件和主题,使得开发者可以快速构建出美观、响应式的用户界面。其核心思想是...

    2.[jQuery.EasyUI]第2章.使用EasyUI

    - **插件扩展**:EasyUI 社区提供了许多第三方插件,如日期选择器(datebox)、时间选择器(timespinner)等,丰富了组件库。 7. **示例代码** - `2.[jQuery EasyUI]第2章 使用EasyUI.exe` 和 `第2章 使用EasyUI....

    jQuery EasyUI 中文文档

    jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web 应用程序。通过简单的 JavaScript 调用或 HTML 标签属性设置即可实现...

    Easyui-datagrid编辑模式详解

    EasyUI 是一款基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 控件,包括 datagrid,可以方便地构建出复杂的数据展示表格。Datagrid 是 EasyUI 中非常重要的一个组件,它支持多种显示模式和编辑功能。 #### 二...

    juqeryEasyUI插件实例与juqeryEasyUI相关文档

    - **表单验证**:利用 Form 组件和 jQuery EasyUI 的 validatebox 验证插件,可以轻松实现表单数据的验证。 - **数据网格**:Grid 组件支持分页、排序、过滤等功能,可以方便地展示和操作大量数据。 - **联动效果...

Global site tag (gtag.js) - Google Analytics