`
pkfajax
  • 浏览: 14489 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

js常用函数及客户端验证

阅读更多
在家没事的时候随便写的,呵呵~~~~

<html>
	<head>
		<script type="text/javascript">
		//判断两个时间的大小
			function timeCompare(){
				var startTime = document.getElementById("startTime").value;
				var endTime = document.getElementById("endTime").value;

				var arr1 = startTime.split("-");
				var date1 = new Date(arr1[0],arr1[1],arr1[2]);
				var dateTime = date1.getTime();
				
				var arr2 = endTime.split("-");
				var date2 = new Date(arr2[0],arr2[1],arr2[2]);
				var dateTime2 = date2.getTime();


				if(dateTime > dateTime2)
				{
					alert("开始时间大于结束时间");
				}
				else
				{
					alert("开始时间小于结束时间");
				}
			}
			//判断输入是否是整数
			function isInteger() 
			{ 
				var str = document.getElementById("txt").value;
				var regu = /^[-]{0,1}[0-9]{1,}$/; 
				alert(regu.test(str)); 
			}
			//判断邮箱熟人是否合法
			function isMail()
			{
				var mail = document.getElementById("mail").value;
				var reg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;
				//var reg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/; 
				alert(reg.test(mail));
			}
			//电话号码验证
			function isMobel()
			{
				var phone = document.getElementById("phone").value;
				var reg = /^([0-9]+\-)+[0-9]{7}$/;
				alert(reg.test(phone));
			}
			
			//验证身份证号码
			function isIDno()  
			{   
				var strIDno = document.getElementById("iDnumber").value;
				var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};  
			   
				var iSum = 0;  
				var info = "";  
				//var strIDno = obj.value;  
				var idCardLength = strIDno.length;    
				if(!/^\d{17}(\d|x)$/i.test(strIDno)&&!/^\d{15}$/i.test(strIDno))   
				{
					alert("非法身份证号");  
					return false;  
				}  
			   
				//在后面的运算中x相当于数字10,所以转换成a  
				strIDno = strIDno.replace(/x$/i,"a");  
			  
				if(aCity[parseInt(strIDno.substr(0,2))]==null)  
				{  
					alert("非法地区");  
					return false;  
				}  
				  
				if (idCardLength==18)  
				{  
					sBirthday=strIDno.substr(6,4)+"-"+Number(strIDno.substr(10,2))+"-"+Number(strIDno.substr(12,2));  
					var d = new Date(sBirthday.replace(/-/g,"/"))  
					if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))  
					{         
						alert("非法生日");  
						return false;  
					}  
			  
					for(var i = 17;i>=0;i --)  
						iSum += (Math.pow(2,i) % 11) * parseInt(strIDno.charAt(17 - i),11);  
			  
					if(iSum%11!=1)  
					{  
						alert("非法身份证号");  
						return false;  
					}  
				}  
				else if (idCardLength==15)  
				{  
					sBirthday = "19" + strIDno.substr(6,2) + "-" + Number(strIDno.substr(8,2)) + "-" + Number(strIDno.substr(10,2));  
					var d = new Date(sBirthday.replace(/-/g,"/"))  
					var dd = d.getFullYear().toString() + "-" + (d.getMonth()+1) + "-" + d.getDate();     
					if(sBirthday != dd)  
					{  
						alert("非法生日");  
						return false;  
					}  
				}  
				alert("身份证合法");
				return true;
			}

			//验证时间是否合法 12:23:11 格式
			function isTimeValidate()
			{
				var time = document.getElementById("time").value;
				var reg = /^[0-2]{1}[0-9]{1}:[0-5]{1}[0-9]{1}:[0-9]{1}[0-9]{1}$/;
				if(!reg.test(time))
				{
					alert("时间输入不合法");
					return;
				}
				var hour = time.substring(0,2);
				var minute = time.substring(3,5);
				var second =  time.substring(6);
				if(hour>23 || hour < 0 )
				{
					alert("时间输入不合法");
					return;
				}
				if(minute >59 || minute < 0)
				{
					alert("时间输入不合法");
					return;
				}
				if(second >59 || second < 0 )
				{
					alert("时间输入不合法");
					return;
				}
			}
			//验证是否是整数
			function isNumber()
			{
				var number = document.getElementById("Number").value;
				var reg = /^\d+$/;
				alert(reg.test(number));
			}

			//验证是否是汉字
			function isZh()
			{
				var str = document.getElementById("zh").value;
				var reg = /^[\u4e00-\u9fa5]+$/;
				if (reg.test(str))
				{
					return true; 
				}
				else
				{
					alert("输入不合法");
					return false;  
				}
			}
			//IP地址验证
			function isIP() { 
				var strIP = document.getElementById("ip").value;
				if (isNull(strIP)) return false; 
				var re = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 
				if (re.test(strIP)) { 
				if (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256) return true; 
			} 
			return false; 
			}
			//读取cook
			function getCookie()
			{
				var name = "myCookie";
				var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
				alert(arr);
				if(arr != null) return unescape(arr[2]); return null;
			}
			//设置cooks
			function setCookie()//两个参数,一个是cookie的名子,一个是值
			{ 
				var name = "myCookie";
				var value = "pengkefei";
				var Days = 30;
				var exp = new Date(); //new Date("December 31, 9998");
				exp.setTime(exp.getTime() + Days*24*60*60*1000); //此 cookie 将被保存 30 天
				document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
			}
			function getTextValue()
			{
				var str = eval("evalText").value;
				alert(str);
			}
		</script>
	</head>
	<body>
		<input type="text" value="2010-01-01" id="startTime"><br>
		<input type="text" value="2011-01-01" id="endTime"><br>
		<input type="button" value="时间对比" onclick="timeCompare()">
		<hr>
		<input type="text" value="" id="txt"><br>
		<input type="button" value="判断是否是整数" onclick="isInteger()">
		<hr>
		<input type="text" value="" id="mail"><br>
		<input type="button" value="判断Email输入" onclick="isMail()">
		<hr>
		<input type="text" value="" id="phone">格式: 0755-86252344<br>
		<input type="button" value="验证是否是电话号码" onclick="isMobel()">
		<hr>
		<input type="text" value="" id="iDnumber" style="width:350px"><br>
		<input type="button" value="验证身份证号码" onclick="isIDno()">
		<hr>
		<input type="text" value="" id="time" >格式: 12:32:11<br>
		<input type="button" value="验证时间是否合法" onclick="isTimeValidate()">
		<hr>
		<input type="text" value="" id="Number" ><br>
		<input type="button" value="验证是否是整数" onclick="isNumber()">
		<hr>
		<input type="text" value="" id="zh" ><br>
		<input type="button" value="验证是否汉字" onclick="isZh()">
		<hr>
		<input type="text" value="" id="ip" ><br>
		<input type="button" value="验证IP是否合法" onclick="isIP()"><br>
		<input type=button value='打印' onClick="window.print();">  <br>
		<hr>
		<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>   
		<input type=button value="打印预览" onclick="wb.execwb(7,1)"> <br>
		
		<input type=button value="关闭窗口" onClick="javascript:self.close()">  
		<hr>
		<input type=button value="写cookies" onclick="setCookie()"> 
		<input type=button value="读取cookies" onclick="getCookie()"> 
		<hr>
		<input type="text" value="" id="evalText" ><br>
		<input type="button" value="使用eval对象获取文本框的值" onclick="getTextValue()">
	</body>
</html>
分享到:
评论

相关推荐

    js客户端验证常见函数

    JavaScript客户端验证是网页开发中必不可少的一环,它主要用于在用户提交数据前检查输入的有效性和格式,从而提高用户体验并减轻服务器端的压力。以下是一些常见的JavaScript验证函数及其详细说明: 1. 判断是否是...

    javascript常用函数 javascript 常用库

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要在客户端运行,为用户提供动态交互体验。在JavaScript中,函数是代码的可重用部分,它们可以接受参数并返回值,是实现程序模块化的重要手段。在...

    JavaScript客户端验证和页面特效制作(JavaScript)

    本文将深入探讨JavaScript客户端验证和页面特效制作的核心知识点。 **一、JavaScript客户端验证** 客户端验证是在用户提交表单之前,通过JavaScript在用户浏览器端进行的数据检查。这有助于提高用户体验,减少...

    JavaScript客户端验证和页面特效制作.jar

    客户端验证是JavaScript的核心功能之一,它允许开发者在用户提交数据前检查输入的有效性,减少服务器的负载,提升用户体验。页面特效制作则通过JavaScript实现,为网页增添视觉吸引力和互动性。 在"JavaScript...

    客户端统一验证JavaScript函数库及示例源码

    几乎所有的Web项目开发都需要客户端验证,尤其是JavaScript的使用,JS结合Html和CSS占据了网页展现市场,不管采用什么技术我们在网页看到的东西最终生成都是这些代码所表示含义。 Web应用如此广泛,其中客户端与...

    JS客户端表单验证框架

    在使用**JS客户端表单验证框架**时,开发者不再需要手动编写复杂的JavaScript函数来处理每个验证规则。框架内包含了一套完善的规则定义系统,允许开发者根据业务需求设置各种验证条件,如必填、邮箱格式、电话号码、...

    JS客户端验证

    JavaScript(简称JS)客户端验证是Web开发中一个关键的环节,它主要负责在用户与网页交互时,对输入数据进行实时检查,确保数据的有效性和安全性。客户端验证的优点在于可以即时反馈错误信息,提高用户体验,减少...

    asp.net使用客户端验证

    ### ASP.NET 使用客户端验证 #### 一、概述 在 Web 开发中,验证用户输入是确保数据准确性与安全性的重要步骤。ASP.NET 提供了多种方式进行客户端验证,这不仅可以减轻服务器端的压力,还能提升用户体验,让用户在...

    JavaScript客户端验证和页面特效制作

    3. **自定义函数**:编写JavaScript函数,对特定字段进行复杂验证,如日期范围、金额计算等。 二、页面特效制作 JavaScript不仅可以处理数据验证,还可以创建各种吸引人的页面效果。以下是一些常见的JavaScript...

    javascript 常用验证函数.doc

    - 日历、时间控件、万年历、动态显示时钟效果等,通常通过创建自定义HTML元素和JavaScript函数实现。 2. 表单类: - 自动生成表单:动态创建HTML元素并绑定事件处理程序。 - 动态添加、修改、删除下拉框元素:...

    JavaScript客户端输入验证

    JavaScript客户端输入验证是Web开发中不可或缺的一环,它主要用于在用户提交数据到服务器之前检查数据的有效性和格式。这种验证可以防止无效数据的提交,减轻服务器的负担,提高用户体验,因为错误提示可以即时显示...

    JS正则验证大全 (.Net客户端验证)

    "JS正则验证大全 (.Net客户端验证)"这个资源集成了多种常见的JavaScript正则表达式,用于各种常见数据类型的验证,如电子邮件、电话号码、日期等。 正则表达式(Regular Expression)是模式匹配工具,可以用来进行...

    基于JavaScript的客户端表单验证.pdf

    客户端验证指的是在客户端使用JavaScript语言来实现表单验证的技术,而服务器端验证指的是在服务器端使用服务器端语言来实现表单验证的技术。客户端验证可以减少服务器端的运算压力,而服务器端验证可以提供更高的...

    javascript常用语句 js简单验证 js

    9. **表单验证最佳实践**:为了提供更好的用户体验,通常建议先进行客户端验证(JavaScript),然后在服务器端再次验证,以防止恶意用户绕过客户端验证。 10. **跨浏览器兼容性**:虽然JavaScript是大多数现代...

    JS客户端验证与页面特效制作

    在这个“JS客户端验证与页面特效制作”的项目实战中,我们将深入探讨如何利用JS提升用户体验并确保数据的准确性。 一、客户端验证 1. **基本验证规则**:在表单提交前,JS可以执行实时验证,如检查输入的邮箱格式...

    Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述

    Web客户端统一验证JavaScript函数库组件是前端开发中一个至关重要的工具,它主要用于在用户提交数据前进行实时的数据验证,确保输入的信息符合预期的格式和规则,从而提高用户体验并减轻服务器端的压力。JavaScript...

    基于自定义属性的客户端统一验证JavaScript函数库(ChkInputs)

    ChkInputs是一个支持多浏览器,方便,高效率,超轻巧的Web客户端统一验证JavaScript函数库组件。所支持的浏览器包括IE、Firefox、Opera、傲游、腾讯、KylinBrowser、世界之窗等各种浏览器。 更新地址: ...

Global site tag (gtag.js) - Google Analytics