`
307622798
  • 浏览: 10930 次
社区版块
存档分类
最新评论

js验证出生日期

阅读更多
这次做毕业设计遇到一个小小的问题,就是在添加员工信息时要填写出生年月,当然常规的做法是用下拉列表来做,年月日用三个下拉列表来做:
<td height="40" align="right">出生年月:</td>
    <td><select name="selectYear" id="selectYear" onChange="changeMonth()">
	      
    </select>
    年
    <select name="selectMonth" id="selectMonth" onChange="changeMonth()">
     
    </select>
    月
    <select name="selectDay" id="selectDay">
     
    </select>
    日</td>


最开始的时候我想直接把给select添加option,比如月就直接添加12个option,日就直接添加31个option,不过后来发现不对劲,这样添加太麻烦啦,干嘛不用js来自动添加呢,其实这个也挺简单的嘛,o(︶︿︶)o 唉,看来还是没经验的表现啊,其实这样的东西应该第一感觉就是js嘛!赶紧做吧,其实这里用JS还可以让代码更健壮,不会出现BUG,因为如果像我开始那样做,会造成2月31这样不合常理的日期出现,而JS完全可以解决这些问题,废话少说代码贴出来啦!


var yearObj = null;
var monthObj = null;
var dayObj = null;

function showBirthDay() {
		yearObj = document.tableForm.selectYear;
		monthObj = document.tableForm.selectMonth;
	 	dayObj = document.tableForm.selectDay;
		//清空年份下拉列表的数据
		yearObj.options.length = 0;
		monthObj.options.length = 0;
		dayObj.options.length = 0;
		for(var i = 1900; i < 2012; i++) {	
			//$("<option value="+i+">"+i+"</option>").appendTo(yearObj);
			var year = new Option(i,i);
			yearObj.options.add(year);
		}
		for(var i = 1; i <= 12; i++) {
			var month = new Option(i,i);
			monthObj.options.add(month);
		}
		for(var i = 1; i <= 31; i++) {
			var day = new Option(i,i);
			dayObj.options.add(day);
		}
	
	}
		
	//当月份改变时,日期也会随着改变。
	function changeMonth() {
		
		yearObj = document.tableForm.selectYear;
		monthObj = document.tableForm.selectMonth;
	 	dayObj = document.tableForm.selectDay;
		
		dayObj.options.length = 0;
		var month = monthObj.value;
		var year = yearObj.value;
		//如果是4,6,9,11月,就有30天
		if(month == 4 || month == 6 || month == 9 || month == 11){
			for(var i = 1; i <= 30; i++) {
				var day = new Option(i,i);
				dayObj.options.add(day);
			}
		}
		//如果是2月,则
		else if(month == 2) {
			if((year%4==0 && year%100!=0) || year%400==0) {
				for(var i = 1; i <= 29; i++) {
					var day = new Option(i,i);
					dayObj.options.add(day);
				}
			}else {
				for(var i = 1; i <= 28; i++) {
					var day = new Option(i,i);
					dayObj.options.add(day);
				}
			}
		}
		//其他月份都是31天
		else {
			for(var i = 1; i <= 31; i++) {
				var day = new Option(i,i);
				dayObj.options.add(day);
			}
		}
	}
分享到:
评论

相关推荐

    身份证号,出生日期等的js正则表达式验证

    本文将深入探讨几种常见的JavaScript(简称JS)正则表达式验证方法,以身份证号和出生日期为例,解析其背后的逻辑和技术细节。 #### 身份证号的JS正则表达式验证 身份证号通常有两种格式:15位和18位。15位身份证...

    javascript验证日期格式

    本文将深入探讨如何使用JavaScript来验证日期格式,理解其工作原理,并分析给出的代码片段。 ### 1. 日期格式验证的重要性 在Web应用中,日期和时间的正确输入对于数据一致性和准确性至关重要。例如,在预订系统、...

    JS身份证验证性别和出生日期

    本文将详细介绍如何使用JavaScript验证身份证号码的有效性,并从中提取出生日期和性别信息。 #### 二、验证逻辑解析 1. **长度检查**:首先判断输入的身份证号码长度是否为15位或18位。 2. **正则表达式匹配**: -...

    超级好用的日期验证代码JAVASCRIPT

    根据给定的文件信息,我们可以总结出以下关于“超级好用的日期验证代码JAVASCRIPT”的详细知识点: ### 1. **日期格式验证的重要性** 在处理用户输入或数据库存储时,日期验证是非常关键的一步。错误的日期格式...

    验证输入日期.rar

    10. **第三方库**:许多库如Moment.js(JavaScript)、dateutil(Python)提供了强大的日期处理和验证功能,合理利用可以简化开发。 11. **日期格式转换**:有时需要将用户输入的日期转换为统一格式,便于处理和...

    js(javascript) 日期控件

    在网页中,JS可以极大地增强用户交互性,其中日期控件是常见的一种功能,用于帮助用户方便地选择日期,常用于日历插件、表单验证或时间相关的功能。下面将详细讨论JS日期控件的相关知识点。 1. **内置Date对象**:...

    js 时间输入 如:出生日期等

    在"js 时间输入 如:出生日期等"的场景中,我们通常会创建一个日期选择器,允许用户通过点击按钮或者输入框触发一个弹出的日历视图,从中选择日期。在描述中提到的实现可能是通过`date.html`和`PopupCalendar.js`这...

    JavaScript级联出生日期年月日出生地

    根据给定的文件信息,我们可以提炼出以下关键的IT知识点,主要聚焦于JavaScript在处理级联选择器(如出生日期和出生地)的应用。 ### 1. JavaScript对象和数组的运用 在示例代码中,`citylist` 是一个对象,它存储...

    js身份证号码获取性别、出生日期、籍贯省市.zip

    这个压缩包文件“js身份证号码获取性别、出生日期、籍贯省市.zip”包含了一个JavaScript方法,用于从身份证号码中提取这些关键数据。下面我们将详细探讨如何通过身份证号码获取这些信息以及背后的逻辑。 首先,中国...

    js验证身份证格式

    2. **出生日期码**:按照YYYYMMDD的格式表示出生年月日。 3. **顺序码**:表示在同一地址码所标识的区域范围内,对同年、同月、同日出生的人编定的顺序号,男性为奇数,女性为偶数。 4. **校验码**:是对前17位数字...

    营业证、组织结构代码、身份证js验证

    根据给定文件的信息,我们可以提炼出以下IT领域的关键知识点,主要涉及JavaScript(JS)中的验证技术,特别是针对营业执照、组织结构代码、身份证以及固定电话的验证逻辑。 ### 身份证验证 身份证号码验证是JS中一...

    身份证号码验证程序 javascript验证的html文件

    - 出生日期码:第7位到第14位,表示出生年月日,格式为YYYYMMDD。 - 顺序码:第15位到第17位,奇数分配给男性,偶数分配给女性,且有特定的分配规则。 - 校验码:最后一位,可以是0-9或X,用于校验整个身份证号码...

    JS验证表单填写的格式是否正确的方法

    在网页开发中,JavaScript(简称JS)是一种必不可少的前端编程语言,它被广泛用于处理用户交互,其中之一就是验证用户在表单中输入的数据格式。表单验证能够确保用户提交的信息符合预设的标准,例如正确的电话号码、...

    JS验证身份证号与验证材料

    3. **JavaScript验证函数**: - 可以编写一个函数`validateIDCard(id)`,其中`id`为用户输入的身份证号。 - 首先,通过字符串长度判断是否为18位。 - 然后,提取出生日期并转换为日期对象,验证日期的合理性。 -...

    jQuery表单验证+日期插件

    例如,在注册或预订表单中,用户可能需要输入出生日期,使用datepick选择日期,然后用formValidator验证其合法性。 - 结合使用这两个插件,可以创建一个更强大、更友好的前端表单系统,既能保证数据质量,又能提高...

    身份验证JavaScript

    这个函数首先通过正则表达式检查身份证号码的基本格式,然后验证出生日期是否合法,再计算校验码,看是否与身份证号码末尾的字符一致。如果所有步骤都通过,那么身份证号码被认为是有效的。 在实际应用中,除了...

    js验证身份证号码的有效方法

    #### JavaScript验证方法详解 根据题目中的代码片段,我们可以看出该方法通过一系列的条件判断来验证身份证号码的有效性。接下来,我们将逐步解析这段代码,并补充完整的方法实现。 ### 代码分析与补充 #### 基础...

    正则表达式 JS 身份证验证

    ### 正则表达式 JS 身份证验证详解 身份证号码在中国大陆地区具有唯一性,是个人身份的重要标识。为了确保信息安全和个人隐私保护,在很多应用系统中都需要对身份证号码进行合法性和格式性的验证。本文将详细阐述...

    js自动获得日期

    在JavaScript(JS)中,获取日期是一项常见的任务,可以用于创建动态时间戳、记录日志、处理表单验证等场景。本篇文章将深入探讨如何在JavaScript中自动获取日期,并介绍相关的日期对象和方法。 JavaScript提供了...

    常用的js验证 身份证 汉字 数字 电话号码

    总的来说,JavaScript验证技术在前端开发中起着至关重要的作用,帮助我们确保用户提交的数据有效且安全。通过对身份证、汉字、数字和电话号码的验证,我们可以构建更健壮、更安全的应用程序,提供更好的用户体验。

Global site tag (gtag.js) - Google Analytics