关于<input type="date">取值及文本框日期验证的技术问询

问题1：date类型输入框的值类型与按钮onclick事件失效 #

• input type="date"通过document.getElementById('birth').value获取的不是Date对象，而是YYYY-MM-DD格式的字符串。如果需要Date对象，得用new Date(a)转换，注意部分浏览器对日期字符串的解析可能有差异。
• 按钮onclick事件没执行的常见原因：
  • 函数定义位置不对：如果函数写在按钮之后，或者DOM还没加载完就绑定事件，会找不到函数。可以把JS代码放在DOMContentLoaded事件里，或者把函数定义放在按钮前面。
  • 函数名拼写错误：检查绑定的函数名和实际定义的完全一致，大小写也要对应。
  • 按钮ID不匹配：确认getElementById的ID和按钮的ID没有拼写错误。
  • 事件绑定方式问题：如果用内联onclick="func()"，要保证函数在全局作用域；如果用addEventListener，要确认绑定逻辑正确。

问题2：text类型输入框的日期分割与合法性验证 #

• 完全可以按“/”分割：用b.split('/')就能得到包含日、月、年的数组，比如输入01/05/2024，分割后是['01','05','2024']。
• 日期合法性验证可以这么做：
  1. 先检查分割后的数组长度是不是3，且每个元素都是数字。
  2. 把分割后的字符串转成数字：const [day, month, year] = b.split('/').map(Number);
  3. 逐一验证规则：
     • 年份不能为负，且在合理范围（比如1900到当前年份）。
     • 月份必须在1-12之间。
     • 日期要符合对应月份的天数：2月要考虑平年闰年，4、6、9、11月最多30天，其余月份最多31天。
       验证示例代码：

  function validateDate(input) {
    const parts = input.split('/');
    if (parts.length !== 3) return false;
    const day = parseInt(parts[0], 10);
    const month = parseInt(parts[1], 10);
    const year = parseInt(parts[2], 10);
    
    // 基础范围校验
    if (year < 1900 || year > new Date().getFullYear()) return false;
    if (month < 1 || month > 12) return false;
    if (day < 1) return false;
    
    // 各月份最大天数
    const maxDays = [31,28,31,30,31,30,31,31,30,31,30,31];
    // 闰年判断
    if (month === 2 && ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0)) {
      return day <= 29;
    } else {
      return day <= maxDays[month - 1];
    }
  }
  

内容的提问来源于stack exchange，提问作者Asmaa