用javascript 验证两个输入框的开始时间和结束时间

关注

原创最新推荐文章于 2026-03-25 22:16:52 发布 2.5k 阅读 AI 写同款· GEO 优化 ›

如何用libwebsocket库在stm32F407上实现websocket客户端？ 🏆本文收录于《全栈 Bug 调优（实战版）》专栏。专栏聚焦真实项目中的各类疑难 Bug，从成因剖析 → 排查路径 → 解决方案 → 预防优化全链路拆解，形成一套可复用、可沉淀的实战知识体系。无论你是初入职场的开发者，还是负责复杂项目的资深工程师，都可以在这里构建一套属于自己的「问题诊断与性能调优」方法论，助你稳步进阶、放大技术价值。阅读详情

需要验证的项目如下：

1.日期是否为空，即检测输入框是否为空。

2.检查输入的数据是否有效，即特殊字符的检查

3.检查输入的日期是否符合指定的日期格式

4.检测结束时间是否大于开始时间

代码如下：

<script type="text/javascript">
  function isValidDate(varFrom, varTo) {
    var fromdate, todate, dt1, dt2, mon1, mon2, yr1, yr2, date1, date2;
    var chkFrom = document.getElementById(varFrom);
    var chkTo = document.getElementById(varTo);
    if (varFrom != null && varTo != null) {
      if (checkdate(chkFrom) != true) {
        chkFrom.value = '';
        chkFrom.focus();
        return false;
      }
      else if (checkdate(chkTo) != true) {
        chkTo.value = '';
        chkTo.focus();
        return false;
      }
      else {
        fromdate = chkFrom.value;
        todate = chkTo.value;
        date1 = new Date(fromdate);
        date2 = new Date(todate);
 
        if (date2 <= date1) {
          alert("结束时间必须大于开始时间");
          chkFrom.value = '';
          chkFrom.focus();
          return false;
        }
      }
    }
    return true;
  }
 
  function checkdate(input) {
    var validformat = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/ //日期的格式检测
    var returnval = true;
    if (input.value == '' || !validformat.test(input.value))
    {
      alert("无效的日期格式，请先检查.")
      var returnval = false;
    }
    return returnval
  }
</script>

复制搜索