
本文介绍如何在员工休假申请表中,基于下拉菜单选中的假期类型(如献血假),通过 javascript 动态校验并限制起止日期之间的最大天数(例如仅允许 2 天),确保前端验证逻辑准确、可维护且兼容实际业务场景。
在构建企业级休假申请表单时,不同假期类型往往对应不同的天数规则:例如“献血假”仅允许申请 1–2 天,“婚假”可能为 3 天,“年假”则无固定上限。若仅依赖后端校验,用户体验较差(提交后才提示错误);因此需在前端实现精准、即时、可配置的日期范围限制。
核心思路是:监听表单提交事件 → 获取所选假期类型和日期 → 计算实际占用天数(含首尾日,故需 +1)→ 对特定类型强制校验天数上限。
以下是优化后的完整校验脚本(推荐置于










