您的位置：ACCP教程网 ┳ 课后作业 ┳ 第二学期 ┳ javaScript ┳ 内容

第五章JavaScript验证日期有效性

时间:2009-07-07 09:55:26 ｜来源:ACCP教程网｜作者:冰川｜点击:次

使用JavaScript编写一个用于验证输入的日期格式是否正确的网页，如下面代码演示效果一样。要求：输入的日期必须是10位，不能多也不能少。还要求第5信和第8位必须是“/”符号，另外年份、月份和日必须是大于0的数字，如2007/11/05是合法的日期格式，2007/-1/5是非法的日期格式。若用户输入的日期格式不对，就弹出相应的错误提示警告对话框。

<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITLE>日期格式验证-ACCP教程网代码演示页面</TITLE> <STYLE TY="text/css"> td{font-size:12px} </STYLE> <SCRIPT type="text/javascript"> function showDate(){ var date1 = document.myform.date1.value; if(date1.length<10){ alert("日期格式长度必须是10位"); document.myform.date1.focus(); }else if((date1.charAt(4)!="/")&&(date1.charAt(7)!="/")){ alert("请按照年/月/日的格式输入"); document.myform.date1.select(); }else{ var time = date1.split("/"); if(isNaN(time[0])||isNaN(time[1])||isNaN(time[2])){ alert("年月日输入必须是数字"); document.myform.date1.select(); }else{ alert("你输入的日期是"+time[0]+"年"+time[1]+"月"+time[2]+"日"); } } } </SCRIPT> </HEAD> <BODY> <FORM action="" method="post" name="myform"> <TABLE width="338" height="145" border="0" align="center" cellpadding="0" cellspacing="0"> <TR> <TD colspan="2" align="center"><H3>格式输入验证</H3></TD> </TR> <TR> <TD width="126">日期格式yyyy/mm/dd</TD> <TD width="212"><INPUT name="date1" type="text" size="20" maxlength="10"></TD> </TR> <TR> <TD colspan="2" align="center"><INPUT name="showdate" type="button" value="显示输入" onClick="showDate()"></TD> </TR> </TABLE> </FORM> </BODY> </HTML>
//ACCP教程网提示您：您可以先修改部分代码再运行

顶一下

(3)

75%

踩一下

(1)

25%

上一篇：第五章JavaScript验证电子邮件有效性下一篇：第六章JavaScript事件选择题

文章收藏 | 文章挑错 | 文章推荐 | 标签： JavaScript

评论加载中....

第五章JavaScript验证日期有效性

相关内容

热门内容