`

javascript校验实例二

 
阅读更多

 

/**
 * 解析字符数组;
 * @param strArray
 */
CheckOut.ParseArray = function (strArray){
	var arrayParam = null;
	var validateTypeName = null;
	if(strArray!=null && strArray!="" && strArray!= undefined){
		//判断是否有"[]",分隔符等.
		if(strArray.indexOf("[")!=-1 && strArray.indexOf("]")!=-1){
			arrayParam = strArray.substring(strArray.indexOf("["),(strArray.indexOf("]")+1));
		}
		if(strArray.indexOf("[")!=-1){
			//获取[]前面的验证类型名称;
			validateTypeName = strArray.substring(0,strArray.indexOf("["));
		}else{
			validateTypeName = strArray.substring(0,strArray.length);
		}
	}
	//获取验证类型的参数列表;
	this.getArrayParam = function(){
		if(arrayParam!=null){
			return eval("("+arrayParam+")");
		}else{
			return null;
		}
	};
	//获取验证类型名称;
	this.getValidateTypeName = function(){
		return validateTypeName;
	};
};

/**
 * 设置提示信息;
 * @param txtLeft
 * @param txtRight
 * @param bol
 * @returns {getImagePosition}
 */
CheckOut.setImagePosition = function(txtObj,bol,tipMessage){
	//获取文本框的位置;
	var left = txtObj.offset().left;
	var top  = txtObj.offset().top;
	//获取文本框的宽度;
	var txtWidth = txtObj.innerWidth();
	var txtHeight = txtObj.innerHeight();
	//移除图标;
	txtObj.parent().children("#successDivID").remove();
	txtObj.parent().children("#errorDivID").remove();

	//验证成功,否则验证失败;
	if(bol){
		txtObj.parent().append("<div id='successDivID' class='success_checkout'></div>");
		txtObj.parent().children("#successDivID").css("left",left+txtWidth-15).css("top",top+4);
		txtObj.parent().children("#tipMsgDivID").remove();
	}else{
		txtObj.parent().append("<div id='errorDivID' class='error_checkout'></div>");
		txtObj.parent().append("<div id='tipMsgDivID' style='width:200px;position: absolute'><div id='pointerDivID' class='error_pointer'></div>"+
			   "<div id='errorMsgDivId' class='error_message' style='margin-left: 9px;padding-top: 2px;'>"+tipMessage+"</div></div>");
		//设置错误图标和显示信息层;
		txtObj.parent().children("#errorDivID").css("left",left+txtWidth-15).css("top",top+4);
		txtObj.parent().children("#tipMsgDivID").css("left",left+50).css("top",top);
		//鼠标移入事件;
		txtObj.parent().children("#errorDivID").bind("mouseover",function(){
			txtObj.parent().children("#tipMsgDivID").show();
		//鼠标移出事件;	
		}).bind("mouseout",function(){
			txtObj.parent().children("#tipMsgDivID").hide();
		});
	}
};

/**
 * 验证类型Model;
 */
function ValidateEntity(key,functionName){
	this.getKey =key;
	this.getFunctionName = functionName;
}
 
分享到:
评论

相关推荐

    javaScript经典实例

    2. **事件处理**:JavaScript事件允许用户与页面进行交互。例如,`addEventListener()`用于绑定事件处理函数,`event.preventDefault()`阻止默认行为,`event.stopPropagation()`阻止事件冒泡。 3. **动画效果**:...

    很好的JavaScript校验框架实例

    "很好的JavaScript校验框架实例"是一个专门用于实现这一目的的工具。 这个框架利用JavaScript的强大功能,提供了一套全面且灵活的验证规则,可以方便地应用到各种类型的表单中。它包含了对常见表单元素的验证,例如...

    javascript实例应用---密码校验类.rar

    javascript实例应用---密码校验类.rarjavascript实例应用---密码校验类.rarjavascript实例应用---密码校验类.rarjavascript实例应用---密码校验类.rar

    Ajax应用实例-在线用户计数实例、在线表格编辑实例、 无刷新形式的查询功能实例、实时校验实例、Web级联菜单实例

    4. **实时校验实例**: 实时校验是指在用户输入数据时,立即验证其有效性,如电子邮件格式、手机号码合法性等。Ajax可以实现实时校验,因为用户输入时,JavaScript可以监听输入事件,通过Ajax向服务器发送验证请求...

    Struts2的输入校验实例代码

    - **步骤二:继承ActionSupport**:为了利用Struts2的内置校验功能,自定义的Action类需要继承`ActionSupport`类,这个类提供了默认的校验行为。 - **步骤三:覆盖Validate方法**:在Action类中覆盖`validate`方法...

    javascript 校验正则表达式

    本篇文章将深入探讨JavaScript校验正则表达式的方法和实例。 一、基础概念 1. 正则表达式模式:模式是描述一组字符串的规则,例如`/\d+/`表示匹配一个或多个数字。 2. 标志(flags):用于改变正则表达式的匹配...

    JavaScript实例精通

    JavaScript实例精通 1.本书1~20章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及...

    Bootstrap校验实例.

    这个"Bootstrap校验实例"很可能包含了如何在Bootstrap框架内实现表单验证的示例代码和指南。 Bootstrap框架的核心特性之一就是其内置的表单组件和样式,这些组件能够帮助开发者快速创建美观且功能齐全的表单。表单...

    jquery 校验大全 实例

    "jQuery校验大全实例"是针对使用jQuery进行表单验证的一个综合资源,非常适合开发者学习和应用。这个压缩包可能包含了各种jQuery验证插件、代码示例以及详细的教程,旨在帮助开发者实现高效且用户友好的表单验证。 ...

    JavaScript动态网页编程(实例版)

    - **登录表单验证**:使用JavaScript对用户的输入进行实时校验,提示错误信息。 - **动态加载数据**:通过AJAX技术从服务器获取最新数据,实时更新页面显示的内容。 - **响应式布局**:利用CSS3媒体查询和JavaScript...

    JavaScript精彩网页特效实例精粹(JavaScript常用代码)

    第一章.文本特效类 第二章.图片特效类 第三章.鼠标键盘类 第四章....第五章....第六章....第七章....第八章....第九章....第十章.密码校验类 第十一章....第十二章....第十三章....第十四章....第十六章.JavaScript连接数据库实例

    EasyValidator1.0---发布一个Javascript校验框架

    标签“javascript校验”和“js校验”强调了EasyValidator的核心功能,即JavaScript环境下的数据验证。而“EasyValidator”标签则是框架的名称,代表了这一特定的解决方案。 在压缩包文件“validate”中,很可能包含...

    AngularJs表单校验实例

    **AngularJS 表单校验实例** AngularJS 是一个强大的前端JavaScript框架,它提供了一种高效的方式来构建动态、数据驱动的Web应用。在AngularJS中,表单验证是确保用户输入数据有效性和完整性的关键机制。这篇博文将...

    JavaScript精彩网页特效实例精粹

    Ajax与XMLHttpRequest JavaScript连接数据库实例 按钮特效类 菜单特效类 计数转换类 流行特效类 密码校验类 日期时间类 鼠标键盘类 图片特效类 文本特效类 系统检测类 页面特效类 游戏类 在线测试类 综合类

    《JavaScript实例精通》[源代码]

    6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面中的tooltip提示。 6_6.htm 在Web页面中控制其...

    基于struts2和DWR的Ajax输入校验实例

    在Struts2中,输入校验通常通过Action类中的注解或者XML配置文件来实现,可以对用户的表单提交进行实时验证。 DWR则是一个JavaScript库,它允许在客户端JavaScript和服务器端Java之间进行异步通信。DWR的核心功能...

Global site tag (gtag.js) - Google Analytics