`

javascript校验实例三

 
阅读更多
/**
 * 获取id获取name,className选择器获取对象;
 * @param options
 */
CheckOut.getField = function (options){
	this.field = null;
	if(options.id!=null && options.id!="" && options.id!=undefined){
		this.field = jQuery("#"+options.id);
	}
	if(options.name!=null && options.name!="" && options.name!=undefined){
		this.field = jQuery("*[name='"+options.name+"']");
	}
	if(options.className !=null && options.className!="" && options.className!=undefined){
		this.field = jQuery("."+options.className);
	}
	return this.field;	
};

/**
 * 初始化默认的验证类型;
 * @param options
 */
CheckOut.validateType = function(){
	//添加验证类型方法;
	this.addValidateType=function(validateEntity){
		validTypeArray.push(validateEntity);
	};
	
	//检验是否是数字;
	this.addValidateType(new ValidateEntity("CHECKOUT_NUMBER",function(value,param){
		var paraArray =new CheckOut.ParseArray(param);
		var paramArray = paraArray.getArrayParam();
		var textVal = value.val();
		var result = false;
		if(textVal.length>=parseInt(paramArray[0]) && textVal.length<= parseInt(paramArray[1])){
			var re = /^([0-9])+$/;
			result =  re.test(value.val());
		}
		CheckOut.setImagePosition(value,result,null);
		return result;
	}));
	
	//检验长度;
	this.addValidateType(new ValidateEntity("CHECKOUT_LENGTH_RANGE",function(value,param){
		var paraArray =new CheckOut.ParseArray(param);
		var paramArray = paraArray.getArrayParam();
		var txtValue =  value.val();
		if(txtValue.length>=parseInt(paramArray[0]) && txtValue.length <=parseInt(paramArray[1])){
			CheckOut.setImagePosition(value,true,null);
			return true;
		}else{
			CheckOut.setImagePosition(value,false,null);
			return false;
		}
	}));
	
	//检验手机号码;
	this.addValidateType(new ValidateEntity("CHECKOUT_MOBILE_NUMBER",function(value,param){
		var txtValue =  value.val();
		var expression = /^13[0-9]{1}[0-9]{8}$|^15[012356789]{1}[0-9]{8}$|^18[0256789]{1}[0-9]{8}$/;
		
		var result =  txtValue.length==11 && expression.test(txtValue);
		CheckOut.setImagePosition(value,result,null);
		return result;
	}));
	
	//获取validTypeArray验证数组;
	this.getValidTypeArray = function(){
		return validTypeArray;
	};
	
	//根据key获取验证类型;
	this.getValidTypeByKey = function(key){
		if(key!=null && key!="" && key != undefined){
			var parse =  new CheckOut.ParseArray(key);
			key = parse.getValidateTypeName();
			for(var i = 0;i<validTypeArray.length;i++){
				if(key==validTypeArray[i].getKey){
					return validTypeArray[i];
				}
			}
		}
		return null;
	};
};

 
分享到:
评论

相关推荐

    javaScript经典实例

    3. **动画效果**:JavaScript可以创建各种动态效果,如滑动、淡入淡出、旋转等。通常通过改变元素的CSS属性,配合`setTimeout()`或`requestAnimationFrame()`实现平滑动画。 4. **表单验证**:JavaScript可以实时...

    很好的JavaScript校验框架实例

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

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

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

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

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

    JavaScript实例精通

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

    javascript 校验正则表达式

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

    Bootstrap校验实例.

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

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

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

    jquery 校验大全 实例

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

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

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

    Struts2的输入校验实例代码

    客户端校验通常通过JavaScript在用户的浏览器中执行,它可以快速反馈错误并避免不必要的服务器请求。然而,客户端校验的缺点在于,其可以被轻易绕过,因此不能完全依赖于客户端校验来保证数据的安全性。 2. **...

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

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

    AngularJs表单校验实例

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

    JavaScript精彩网页特效实例精粹

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

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

    1_3.htm JavaScript中的强制类型转换。 1_4.htm 在HTML中为JavaScript传递变量。 1_5.htm 在HTML中引用JavaScript的变量。 1_6.htm 比较undefined和"undefined"。 第2章(\2) 示例描述:客户端的流程控制...

    JavaScript 特效实例精粹

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

Global site tag (gtag.js) - Google Analytics