当使用 event.preventDefault() 进行前端验证后，手动调用 form.submit() 会跳过浏览器默认的表单提交机制，导致 <button type="submit" name="xxx"> 的 name/value 不被包含在 POST 数据中。解决方法是仅在验证失败时阻止提交，成功时允许原生提交流程自然触发。
当使用 `event.preventdefault()` 进行前端验证后，手动调用 `form.submit()` 会跳过浏览器默认的表单提交机制，导致 `
在 Web 开发中，一个常见但容易被忽视的问题是：添加 JavaScript 表单验证后，PHP 后端无法通过 isset($_POST['inserttimesheetrecord']) 检测到提交按钮。根本原因在于——你调用了 event.preventDefault() 阻止了默认行为，又通过 this.submit()（或 form.submit()）手动提交表单，而该方法不会触发表单内 submit 按钮的 name 属性提交。
✅ 正确做法是：只在验证失败时阻止提交；验证通过时，不干预，让浏览器按原生逻辑提交表单。此时，点击的 <button type="submit" name="inserttimesheetrecord"> 的 name="inserttimesheetrecord"（及可选的 value）会自动作为 POST 参数发送至 code.php。
以下是优化后的完整脚本（已精简冗余逻辑，增强健壮性）：
document.getElementById("timesheetform").addEventListener("submit", function(event) {
const date = document.getElementById('date')?.value || '';
const hours = parseFloat(document.getElementById('hours')?.value) || 0;
const ordernumber = document.getElementById('myInput')?.value || '';
const ordertype = document.getElementById('orderType')?.value || '';
const steptask = document.getElementById('StepTaskInput')?.value || '';
const notes = document.getElementById('notes')?.value || '';
const validationMessage = document.getElementById('validationMessage');
const missingFields = [];
if (!date.trim()) missingFields.push('Date');
if (hours <= 0) missingFields.push('Hours');
if (!ordernumber.trim()) missingFields.push('Order Number');
if (ordertype === 'Non-Charge' && !notes.trim()) {
missingFields.push('Notes');
} else if (ordertype !== 'Non-Charge' && !steptask.trim()) {
missingFields.push('Step/Task');
}
if (missingFields.length > 0) {
event.preventDefault(); // ✅ 仅在此处阻止提交
validationMessage.innerHTML = `⚠️ Please fill in: ${missingFields.join(', ')}.`;
validationMessage.style.color = 'red';
} else {
validationMessage.innerHTML = ''; // 清除提示
// ✅ 不调用 this.submit()！让原生提交继续执行
// 浏览器将自动包含 <button name="inserttimesheetrecord"> 的 name 和 value（如未设 value，则默认为空字符串）
}
});? 关键注意事项：
立即学习“Java免费学习笔记（深入）”；
- <button type="submit" name="inserttimesheetrecord" id="..."> 的 name 属性值（inserttimesheetrecord）会在成功提交时作为 $_POST 数组的键出现，即 $_POST['inserttimesheetrecord'] 存在（值为按钮的 value，若未显式设置则为空字符串）。
- ❌ 避免使用 form.submit() 或 this.submit() 手动提交——它绕过表单控件状态收集，不序列化 submit 按钮。
- ✅ 若需兼容多按钮（如“保存”“草稿”），可为每个按钮设置不同 name 或相同 name 不同 value，后端据此区分操作意图。
- 推荐在 PHP 端做二次校验（如 !empty($_POST['inserttimesheetrecord'])），因前端验证可被绕过。
总结：表单验证不是“接管提交”，而是“守门”。验证失败 → 拦截；验证成功 → 放行。保持原生提交链路完整，才能确保所有表单控件（包括 submit 按钮）的数据准确送达服务端。
