`
bozch
  • 浏览: 459131 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery easyui支持验证多种类型

阅读更多
<!--StartFragment -->
为了能够同时进行多种验证,我对其进行了如下扩展:
multipleValidType:{validator:function(_2fca,_2fda){
var opts = $.fn.validatebox.defaults;
var returnFlag = true;
for(var i = 0 ; i < _2fda.length ; i++){

var _2f31=/([a-zA-Z_]+)(.*)/.exec(_2fda[i]);
var rule=opts.rules[_2f31[1]];
if(_2fca&&rule){
var _2f41=eval(_2f31[2]);
if(!rule["validator"](_2fca,_2f41)){
returnFlag = false;
break;
}
}

}
return returnFlag;
},message:"Multiple ValidType needed"}
如有问题希望大家提出!
使用方式:<input type="text" name="org.oemail" class="easyui-validatebox" validType="multipleValidType['email','length[0,20]']" size="23" />
如转载请注明出处
分享到:
评论
7 楼 jjb_bobby 2014-01-23  
看来碰到这个问题的还不只我一个人,我现在就把我的解决办法发到这里,希望对大家有帮助。我的是这么写的,参考了别人的实现。
	multipleValidType : {
		validator : function(value, param){
			var opts = $.fn.validatebox.defaults;
			var returnFlag = true;
			
			for(var i = 0 ; i < param.length ; i++){
				var result = /([a-zA-Z_]+)(.*)/.exec(param[i]);
				//console.info("result=="+result);//result==length[0,30],length,[0,30] 或者 result==dirtyChar,dirtyChar,
				var rule = opts.rules[result[1]];
				
				if(value && rule){
					var ruleParam = eval(result[2]);
					//console.info("ruleParam=="+ruleParam);//ruleParam==0,30
					if(!rule["validator"](value, ruleParam)){
						var message = rule["message"];
						if (ruleParam) {
							for ( var i = 0; i < ruleParam.length; i++) {
								message = message.replace(new RegExp("\\{" + i + "\\}", "g"), ruleParam[i]);
							}
						}
						
						$.fn.validatebox.defaults.rules.multipleValidType.message = message;
						
						returnFlag = false;
						break;
					}	
				}
			}
			return returnFlag;
		},
		message : ""
	}


要显示对应规则的message,主要是这句:
$.fn.validatebox.defaults.rules.multipleValidType.message = message;

不过,easyui新的版本中是不是已经有这条规则了。
6 楼 bozch 2014-01-14  
nxping 写道
怎么让message显示的是对应规则的提示呢?如:不符合email规则,那么就显示email规则定义的message

这个估计要扩展他的验证提示了、。
5 楼 nxping 2013-12-27  
怎么让message显示的是对应规则的提示呢?如:不符合email规则,那么就显示email规则定义的message
4 楼 jjb_bobby 2012-12-13  
jjb_bobby 写道
怎么让message显示的是对应规则的提示呢?如:不符合email规则,那么就显示email规则定义的message

谢谢,自己已经搞定了
3 楼 jjb_bobby 2012-12-13  
怎么让message显示的是对应规则的提示呢?如:不符合email规则,那么就显示email规则定义的message
2 楼 无泪的寂寞 2012-10-26  
extend($.fn.validatebox.defaults,{
	multipleValidType:{
	validator:function(_2fca,_2fda){
	var opts = $.fn.validatebox.defaults;
	var returnFlag = true;
	for(var i = 0 ; i < _2fda.length ; i++){
		var _2f31=/([a-zA-Z_]+)(.*)/.exec(_2fda[i]);
		var rule=opts.rules[_2f31[1]];
		if(_2fca&&rule){
			var _2f41=eval(_2f31[2]);
			if(!rule["validator"](_2fca,_2f41)){
				returnFlag = false;
				break;
			}
		}

	}
	return returnFlag;
	},message:"123144" }
});

这样写对么?麻烦帮我看看好么?
1 楼 无泪的寂寞 2012-10-26  
引用
multipleValidType:
这个属性应该怎么定义啊?麻烦了!

相关推荐

    jQuery easyui 全套文件

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了一系列易于使用的组件和插件,使得开发者能够快速构建出美观、功能丰富的用户界面。这个压缩包包含的是 jQuery EasyUI 的全套文件...

    JqueryEasyUI1.4参考手册

    在 `JqueryEasyUI1.4参考手册.chm` 中,你将找到关于 jQuery EasyUI 1.4 版本的详尽指南。`.chm` 文件是一种微软编写的帮助文档格式,它包含索引、搜索功能和一系列主题,方便用户查找和学习。 **组件介绍** ...

    JQuery easyUI扩展验证机制的正则表达式

    #### 二、JQuery easyUI验证规则扩展 在JQuery easyUI中,可以通过`.extend()`方法对`$.fn.validatebox.defaults.rules`对象进行扩展,添加自定义的验证规则。下面将逐一介绍文档中给出的一些典型验证规则及其正则...

    jquery-easyui-1.8.6 最后一个支持IE7的最新版本

    1.8.6版本是jQuery EasyUI系列中最后一个兼容Internet Explorer 7(IE7)的版本,对于那些仍需支持老旧浏览器的开发者来说,这是一个重要的里程碑。 【描述】中提到,这个版本使用的jQuery库是1.x系列,而后续的...

    jQueryEasyUI

    2. **数据绑定**:jQueryEasyUI支持通过JSON或Ajax方式动态加载和展示数据,与后端服务进行数据交换,实现前后端分离。 3. **主题系统**:提供了多种预设主题,可以方便地更改应用的整体风格,满足不同设计需求。 ...

    jQuery EasyUI版API

    3. **主题**:jQuery EasyUI支持多种预设主题,可以快速改变应用的视觉风格,同时也允许自定义CSS来调整样式。 4. **数据绑定**:EasyUI通过`datagrid`、`treegrid`等组件与后端进行数据交互,支持JSON、XML等多种...

    Jquery easyUI api 下载

    3. **表单(Form)**:Form 用于收集用户输入,支持多种输入类型,如文本框、复选框、单选按钮等。EasyUI 提供了验证和提交表单的 API。 4. **菜单(Menu)**:Menu 可以创建多级下拉菜单,常用于网站导航或操作...

    jQuery EasyUI 1.3 中文离线帮助手册

    3. **数据绑定**:jQuery EasyUI 支持JSON数据格式,可以方便地将服务器端数据绑定到前端组件,实现动态交互。 4. **事件处理**:每个组件都有自己的事件机制,通过监听和响应这些事件,可以实现自定义的功能和交互...

    jQueryEasyUI-1.3.6(含API文档)

    在"jQueryEasyUI-1.3.6(含API文档)"这个压缩包中,有两个主要文件:`jEasyUI1.3.6版API中文版(Richie696).chm`和`jquery-easyui-1.3.6`。 `jEasyUI1.3.6版API中文版(Richie696).chm`是jQuery EasyUI 1.3.6版本的API...

    jQuery EasyUI 1.4.2 版 API 中文版.zip

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,用于快速构建用户界面。1.4.2 版本是这个框架的一个稳定版本,包含了许多改进和修复,以提升开发者的体验和应用程序的性能。这个压缩包...

    jquery-easyui-1.7.0.zip官方文档

    总结,jQuery EasyUI 1.7.0以其丰富的组件、强大的功能和良好的文档支持,成为了前端开发中的得力助手。无论你是初学者还是经验丰富的开发者,都能从中找到合适的工具和方法,快速打造出专业且用户体验优秀的Web应用...

    jQuery EasyUI-1.4.1

    EasyUI 还支持多种验证规则,确保输入数据的有效性。 菜单(menu)组件为创建下拉菜单或树形菜单提供了便利。它可以嵌套多级菜单,支持动态加载和事件处理,使得用户界面更加直观和易于操作。 除此之外,jQuery ...

    jQuery EasyUI v1.3.5官方API中文版

    3. **表单(Form)**:用于创建HTML表单,支持数据验证、提交、重置,可与EasyUI的其他组件如下拉框、复选框等配合使用。 4. **网格(Grid)**:数据展示组件,能够展示表格形式的数据,支持排序、筛选、分页、编辑...

    JQueryEasyUI整站文件

    - **表单(Form)**: 支持多种表单元素,包括输入框、选择框、日期选择器等,并提供了验证功能。 3. **API 使用** - **API 文档**: 学习 jQuery EasyUI 需要熟悉其 API,这通常包括组件的创建、配置选项、方法调用...

    jquery easyui 模板

    - **跨浏览器兼容**:EasyUI 支持主流浏览器,如 Chrome、Firefox、Safari 和 IE,减少了浏览器兼容性问题的解决时间。 - **响应式设计**:内置的响应式布局适应不同设备屏幕,有助于构建移动优先的 web 应用。 - **...

    jquery-easyui demo

    - jQuery EasyUI 提供了多种预设主题,如 "default"、"gray" 等,可以通过更改 CSS 文件轻松改变整个应用的外观风格。 3. **数据绑定与异步通信**: - 使用 `datagrid` 或 `combobox` 等组件时,可以方便地与后台...

    jQuery EasyUI 1.4.3 API

    - **主题**:jQuery EasyUI 提供多种预设主题,如 default、gray 等,可通过 CSS 修改样式。 - **国际化**:支持多语言,通过配置语言文件实现 API 文本的本地化。 6. **数据绑定** - **Json**:常用的数据格式...

    jquery Easyui 后台 系统

    2. **主题支持**:EasyUI 提供了多种预设主题,允许开发者轻松改变应用程序的外观,以满足不同用户的视觉需求。 3. **数据绑定**:EasyUI 支持与后端数据源的双向绑定,使得动态数据显示变得简单,常见的如表格的...

    jQuery EasyUI 1.4.5 版 API 中文版

    jQuery EasyUI 是一款基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了丰富的组件和易用的API。在1.4.5版本中,这个框架为开发者提供了更多的功能和改进,使得Web应用的开发更为高效。下面将详细介绍...

Global site tag (gtag.js) - Google Analytics