`
accpxudajian
  • 浏览: 458789 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
阅读更多

//请选择最新的版本下载

 

 

/*
组件说明:前台经常会涉及到表单数据的验证(check),数据收集(get),清空(clear),以及展示数据库信息(set),
传统方式把每个表单元素(INPUT)设置一个ID,然后根据ID设置相应的值。缺点就是繁琐,不标准。

EasyTool就是解决这些问题而设计的,组件最基本的方法和功能就是:
	1.EasyTool.getObject	获取表单数据
	2.EasyTool.setObject	设置表单数据
	3.EasyTool.checkObject	验证表单数据
	4.EasyTool.clearObject	清空表单数据
	5.EasyTool.createXmlDOM 将xml字符串转成成XMLDOM对象
	6.EasyTool.getXMLString 将XMLDOM对象转换成xml文本形式



*/
//Author:愤怒的coder
//<script src="EasyTool.js" charset="UTF-8"> </script> 
/*标记名称:采用flagName(默认为property)=属性方式 是否验证和验证规则:check,提示信息:errorMsg
	验证规则:
		.notNull:非空
		.Integer	数值类型
		.Date		日期类型
		.maxLen=数值 :最大长度不能大于多少
		.minLen=数值 :最小长度不能小于多少
		.length=数值 :长度等于多少
		.regExp='正则表达式' :正则表达式验证【!!正则表达式使用英文单引号括起来!!】
		.equals=DOM对象的ID :当前的值和指定ID的DOM对象的值相等
		.smallThan=DOM对象的ID :当前的值比指定ID的DOM对象的值要小。
		.bigThan=DOM对象的ID :当前的值比指定ID的DOM对象的值要大
		.maxValue=?  最大值
		.minValue=? 最小值	
	
	字典码转译:
		.renderJSON:使用键值对方式声名字典表转译内容(适用于:纯静态无需维护的数据)	
			-格式:renderJSON="Key1:text1,Key2:text2,...."  eg:renderJSON="upload:上传,download:下载"
		.renderFun:使用指定的方法进行转译(适用于:1 需要动态查询才能获取的数据;2 经常需维护的数据)
			-格式:renderFun="方法名"  eg:renderFun="foreignNameRender"
			-说明:EasyTool组件值给renderFun指定的方法传递一个参数,即value
	示例:
	<input type='text' add='userName' check="notNull,Integer,maxLen=100,length=11,regExp='[A-Z]{3,6}',maxValue=100,minValue=16,equals='id0',smallThan='id1',bigThan='id2' " 
	msg="请输入数字类型的用户名称" title="请输入用户名称">
*/
 

 

 

#更新列表

 /*2011更新 V1.0*/
 

 

/*
   20120926更新 V2.0
   更新内容:1梳理和优化。2添加正则表达式验证条件。3扩充getObject方法。
*/
 

 

/*
   20120927更新 V2.1
   更新内容:1添加日期类型(Date)验证,最值比较。2扩充getObject方法。3添加toDate方法。
*/
 

 

/*
   20120927更新 V2.2
   更新内容:1完善日期类型(Date)验证。2添加EasyTool.setGrayStyle方法。
*/
 

 

/*
   20121005更新 V2.3
   更新内容:
  1添加renderJSON(使用JSON标记字典码翻译) 
  2添加renderFun(使用指定方法翻译字典码)  
  3添加JSONtoXML方法 
  4添加getXMLObject方法。
  5完善setObject方法(数据源支持XML数据体)。
  6添加调试信息。7完善错误信息的样式。
*/

  /*

/*20121011更新至V2.4
 更新内容:
 1.完善demo
 2.整理js文件内容。

*/
 

 

 

#示例页面(js部分):


 

function initData(){
		var _data = EasyTool.createXmlDOM(EasyTool.getValue("sel_xml"),true).getElementsByTagName("TaskinstanceInfo")[0];
		JSLogger.log(_data);
	}
	//测试数据
	var data = null;
	
	//测试方法
	function setIt(){
		if(data==null){//XML数据体
			data = EasyTool.createXmlDOM(EasyTool.getValue("sel_xml"),true).getElementsByTagName("TaskinstanceInfo")[0];
		}
		//JSLogger.log(data);

		EasyTool.setObject("addUser",data,"addnew-member-dlg");
		JSLogger.logColor("set表单数据over","blue");

	}
	function add(){
		data=EasyTool.getObject('addUser','addnew-member-dlg',null);
		JSLogger.logColor("收集并打印表单数据(JSON对象)");
		JSLogger.log(data);

	}
	function errorHander(errorMsg){
		JSLogger.logHTML(errorMsg,"red");
	}
	
	//英文名称的特殊处理函数(render)
	function foreignNameRender(v){
		return v+"_ 示例处理文本";/*或者使用if..else...*/
	}
	
	function testJSON(){
		var type = document.getElementById("chk_type").checked?"node":"attribute";
		JSLogger.logColor(type=="node"?"节点结构":"属性结构");
		var xml = EasyTool.getXMLString('addUser',"services.data.user",type,'addnew-member-dlg',null);
		JSLogger.logHTML(xml);
	}
 

 

 

 

 

 

 

 

 

 

愤怒的coder -  越分享越精彩。

 

 

 

 

 

 

  • 大小: 94.1 KB
  • 大小: 14.6 KB
  • 大小: 51.7 KB
分享到:
评论

相关推荐

    原生JS打印插件之jQuery.EasyPrint.js使用文档

    原生JS打印插件之jQuery.EasyPrint.js使用文档 调用浏览器自带打印功能,使用JavaScript的 window.print(); 方法。 使用JS实现打印功能;JavaScript 实现打印操作;javascript打印大全;通用;js实现打印的方式;JS...

    jQuery Tabs插件EasyTabs.js

    **jQuery EasyTabs.js 插件详解** jQuery EasyTabs.js 是一款功能强大且易于使用的轻量级插件,专为创建响应式的Tab式布局而设计。它允许开发者通过简单的配置选项和自定义事件来实现各种Tab切换效果,为网页内容...

    EasyTable.js插件1.0

    EasyTable.js插件1.0是一款专为HTML页面前端表格布局设计的JavaScript工具,它旨在简化和优化网页中表格的创建和管理。在HTML中,表格的构建通常涉及大量繁琐的HTML标记,而EasyTable.js则通过提供简洁的API,使得...

    easytool控件

    "Easytool控件"是一组专门用于软件开发的控件集合,主要针对.NET框架设计,旨在简化开发者的工作,提高开发效率。在描述中提到的"AjaxTextBox控件"是Easytool控件集中的一个关键组件,它融合了Ajax技术,为用户提供...

    Easy.Paint.Tool.SAI.1.01.chs

    《Easy.Paint.Tool.SAI.1.01.chs——专业绘画软件详解》 在数字艺术领域,绘画软件扮演着至关重要的角色,其中Easy.Paint.Tool.SAI.1.01.chs是一款深受艺术家喜爱的中文版绘画工具。这款软件以其简洁的操作界面、...

    Audio Visualizer v2.4.txt

    Audio Visualizer v2.4 For Unity 官网:https://assetstore.unity.com/packages/tools/audio/audio-visualizer-47866 The Audio Visualizer tool is an easy to use, one stop shop for beat detection and audio...

    jQuery最简单的响应式轮播图插件easySlider.js.zip

    【jQuery最简单的响应式轮播图插件easySlider.js】是一个专为网页设计者和开发者提供的轻量级JavaScript插件,旨在实现响应式的图片或内容轮播效果。这个插件利用了广泛使用的jQuery库,使得轮播图的实现变得更加...

    S7-1200 EASY PLUS v2.4.zip

    《S7-1200 EASY PLUS v2.4:西门子PLC的集成解决方案》 在工业自动化领域,西门子S7-1200系列PLC(可编程逻辑控制器)以其高效、灵活和易于使用的特性赢得了广泛的赞誉。其中,S7-1200 EASY PLUS v2.4是西门子推出...

    APK Easy Tool_v1.59.2

    《APK Easy Tool_v1.59.2:探索安卓逆向工程的利器》 在当今的移动互联网时代,Android应用程序(APK)已经成为我们日常生活不可或缺的一部分。然而,对于开发者和安全研究人员而言,理解APK的工作原理并进行逆向...

    APK 反编译工具 APK Easy Tool 1.59.2 中文.zip

    Apk Easy Tool 是一个轻量级的 GUI 应用程序,使您可以管理,签名,编译和反编译正在使用的应用程序的 APK 文件。APK Easy Tool 完全免费,可用于商业和非商业用途。请注意:此工具不是为新手准备的,而是为那些懒于...

    EasyUEFI.v4.5.Enterprise.zip

    Hasleo EasyUEFI,轻松管理EFI/UEFI启动项 & 管理EFI系统分区 & 修复EFI系统启动问题!EasyUEFI是免费EFI启动管理软件,用于管理EFI/UEFI启动项,包括创建、删除、编辑、清理、备份和还原EFI/UEFI启动项。 管理EFI...

    jQuery打印插件----jQuery.print.js

    jQuery打印插件----jQuery.print.js实现网页的打印功能,亲测有效

    APK Easy Tool v1.59.2 Portable.zip

    APK Easy Tool v1.59.2 Portable.zip 是一个便携式的安卓应用包(APK)分析工具,主要用于帮助用户查看和理解APK文件的内部结构和内容。这款工具对于开发者、逆向工程师以及对安卓应用有深入需求的用户来说非常有用...

    ansible-2.4-rpms.el7.1.tar.gz

    Ansible是一款强大的自动化运维工具,它的出现极大地简化了IT基础设施的管理工作,特别是在大规模...通过学习和掌握Ansible,运维人员可以极大地提高工作效率,降低错误率,实现真正的“管理千台服务器so easy”。

    easySliderjs是一款轻量级简单易用的响应式jQuery轮播图插件

    **jQuery滑动插件easySlider.js详解** 在Web开发中,图片轮播图是一种常见的功能,用于展示多个图片或内容,提升用户体验。`easySlider.js`便是这样一款专为jQuery设计的轻量级、响应式的轮播图插件。这款插件以其...

    EasyConnect.exe

    EasyConnect.exe

Global site tag (gtag.js) - Google Analytics