我有一个日期验证的格式问题,实在绕不明白了!请各位前辈指教!我有一个文本框输入日期,以下几种格式都是正确的:
2010-2-23
2010-02-1
201021
20100201
2010201
2010021 这几种格式都是正确的,但是在javascript里的业务逻辑我就绕不清了!
请各位前辈指正。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function chk(form)
{
if(form.birthday.value==""){
alert("请输入出生年月!");
form.birthday.focus();
return false;
}
else
{
                  //判断只能输入数字
var r=form.birthday.value.match(/^[-]{0,1}[0-9]{1,}$/); 
        if(r==null)
{
alert("出生日期只能是数字!");
form.birthday.focus();
return false;
}
//验证输入的格式位数201011、2010012、20100112 但是还有种情况2010-1-1 这种情况也应该通过验证
if (form.birthday.value.length!=6 &&  form.birthday.value.length!=7 &&  form.birthday.value.length!=8)
{
alert("日期位数不正确!");
form.birthday.focus();
return false;
}
//判断格式的
var r=form.birthday.value.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); 
        if(r==null){
    alert("请输入格式正确的出生年月\n\r日期格式:年-月-日\n\r例    如:2008-08-08\n\r");
    form.birthday.focus();
    return false;
}
}
</script>
</head><body>
<form name="form1" action="" method="post" enctype="multipart/form-data" onSubmit="return chk(this)">
<input name="birthday" type="text" size="15" /><font color="#FF0000">格式:年-月-日</font>
<input type="submit" name="Submit" value="保 存">
</form>
</body>
</html>

解决方案 »

  1.   

    最好还是给它规定一种格式输入,在input后提示,不正确返回
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>无标题文档</title>    <script language="javascript" type="text/javascript">
            function chk() {
                var birthday = document.getElementById("txtBirthday");
                if (birthday.value == "") {
                    alert("请输入出生年月!");
                    birthday.focus();
                    return false;
                }
                else {
                    //判断只能输入数字
                    if (birthday.value.match(/^[^-0-9]$/)) {
                        alert("出生日期只能是数字!");
                        birthday.focus();
                        return false;
                    }
                    //验证输入的格式位数201011、2010012、20100112 但是还有种情况2010-1-1 这种情况也应该通过验证
                    var length = birthday.value.length - (birthday.value.match(/^[\d]{4}[\-][\d]{1,2}[\-][\d]{1,2}$/) ? 2 : 0);
                    if (length != 6 && length != 7 && length != 8) {
                        alert("日期位数不正确!");
                        birthday.focus();
                        return false;
                    }
                    //判断格式的
                    var r = birthday.value.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
                    if (r == null) {
                        alert("请输入格式正确的出生年月\n\r日期格式:年-月-日\n\r例    如:2008-08-08\n\r");
                        birthday.focus();
                        return false;
                    }
                }
            }
        </script></head>
    <body>
        <form runat="server">
        <input id="txtBirthday" type="text" size="15" /><font color="#FF0000">格式:年-月-日</font>
        <input type="button" value="保 存" onclick="return chk();">
        </form>
    </body>
    </html>
      

  3.   


    //验证输入的格式位数201011、2010012、20100112 但是还有种情况2010-1-1 这种情况也应该通过验证
    if (form.birthday.value.length==6 ||  form.birthday.value.length==7 ||  form.birthday.value.length==8 ||  form.birthday.value.length==9 ||  form.birthday.value.length==10)
    {
    var r=form.birthday.value.match(/^[-]{0,1}[0-9]{1,}$/); 
    if(r==null)
    {
    var r=form.birthday.value.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); 
     if(r==null)
     {
    alert("请输入日期格式有误,请重新输入!");
    form.birthday.focus();
    return false;
    }
    }
    }
    else
    {
    alert("请输入日期格式有误,请重新输入!");
    form.birthday.focus();
    return false;
    }
    我是这么解决的!