JS验证表单中的日期问题，求大神帮助～ - JavaScript论坛

楼主

已结贴√ 问题点数：20 回复次数：4

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

一个表单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;
}

求大神帮助～

搜索更多相关主题的帖子: 表单　文本框　

第 2 楼

得分:20

可以,不过dateDiff函数必须自己编写
另外,获取DOM对象最好使用getElementByID()

★★★★★为人民服务★★★★★

第 3 楼

得分:0

原来dateDiff要自己写的呀，我以为像ASP一样可以直接用呢？怪不得没有效果呢！
感谢版主！版主万岁～

我的ASP小站：http://www./

第 4 楼

得分:0

怎么这样也不行呢？请版主好人做到底吧！谢谢了～

程序代码：

<!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>

我的ASP小站：http://www./

第 5 楼

得分:0

加了个 new Date，搞定～

我的ASP小站：http://www./