注册 登录
编程论坛 JavaScript论坛

JS验证表单中的日期问题,求大神帮助~

towering 发布于 2012-08-01 16:55, 652 次点击
一个表单form,两个文本框:StartTime和EndTime ,输入格式都是yyyy-mm-dd,要求两个日期间隔1天以上,
JS表单验证两次输入的日期能不能这写:
程序代码:

if (dateDiff('D', document.form.StartTime.value, document.form.EndTime.value) < 0)
{
alert("开始日期必须在结束日期之前!");
document.form.EndTime.focus();
return false;
}



求大神帮助~
4 回复
#2
cnfarer2012-08-02 06:08
可以,不过dateDiff函数必须自己编写
另外,获取DOM对象最好使用getElementByID()
#3
towering2012-08-02 10:14
原来dateDiff要自己写的呀,我以为像ASP一样可以直接用呢?怪不得没有效果呢!
感谢版主!版主万岁~
#4
towering2012-08-02 11:24
怎么这样也不行呢?请版主好人做到底吧!谢谢了~

程序代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>报告受理</title>
<script type="text/javascript">
function CheckForm()
{
    if(document.getElementById("YouXiaoQ11").value=="")
    {
        alert("有效期不能为空!");
        document.getElementById("YouXiaoQ11").focus();
        return false;
    }
    if(document.getElementById("YouXiaoQ12").value=="")
    {
        alert("有效期不能为空!");
        document.getElementById("YouXiaoQ12").focus();
        return false;
    }
    if (document.getElementById("YouXiaoQ12").value - document.getElementById("YouXiaoQ11").value < 0)
    {
        window.alert("开始日期必须在结束日期之前!");
        document.getElementById("YouXiaoQ12").focus();
        return false;
    }
  return true;
}   
</script>
</
</head>
<body>
<form id="form" name="form" method="post" action="" onsubmit="return CheckForm();">
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                        <td width="90%" colspan="3"><p>有效期开始
                                        <input name="YouXiaoQ11" type="text" id="YouXiaoQ11" />
                                        (YY-MM-DD)</p>
                                <p>有效期结束
                                        <input name="YouXiaoQ12" type="text" id="YouXiaoQ12" />
                                        (YY-MM-DD)</p></td>
                </tr>
                <tr>
                        <td colspan="3" align="center"><input name="button2" type="submit" class="input_150" id="button2" value="提交" /></td>
                </tr>
        </table>
</form>
</body>
</html>
#5
towering2012-08-02 15:13
加了个 new Date,搞定~
1