使用表单验证脚本时如何传递提交按钮name至code.php？

当你通过JavaScript调用form.submit()方法提交表单时，浏览器不会自动把提交按钮的name和value包含到POST数据里——只有用户实际点击提交按钮触发的表单提交，才会带上这些信息。这就是你后端isset($_POST['inserttimesheetrecord'])判断失败的核心原因。

下面是两种可行的解决办法：

方法一：添加隐藏input模拟提交按钮参数 #

在表单内部新增一个隐藏的<input>元素，和提交按钮的name保持一致，这样无论通过哪种方式提交表单，这个参数都会被发送到后端：

<form id="timesheetform" action="code.php" method="POST"> 
  <!-- 新增隐藏input，模拟提交按钮的参数 -->
  <input type="hidden" name="inserttimesheetrecord" value="1">
  <!-- 原有的表单字段和提交按钮 -->
  <!-- ... 其他表单元素 ... -->
  <button type="submit" style="float: left;" name="inserttimesheetrecord"  id="inserttimesheetrecord" class="btn btn-success btn-sm" >Submit</button>
</form>

修改后，不管是用户点击按钮还是JS调用submit()，后端都能正常获取到$_POST['inserttimesheetrecord']参数。

方法二：触发提交按钮的点击事件代替form.submit() #

既然用户点击按钮能正常传递参数，那我们可以在JS验证通过后，主动触发按钮的点击事件，完全模拟用户手动提交的行为：

修改验证脚本最后部分的代码：

} else {
    validationMessage.innerHTML = ''; // 清除之前的验证提示
    // 触发提交按钮的点击事件，保留原生提交的参数逻辑
    document.getElementById('inserttimesheetrecord').click();
}

这种方式和用户点击按钮的效果完全一致，提交按钮的name参数会被正常包含到POST数据中，后端的判断逻辑就能正常生效。

补充说明 #

两种方法各有适用场景：

• 若不需要区分提交触发方式，方法一更简单直接；
• 若需要保留按钮点击的原生行为（比如按钮禁用状态处理、样式变化等），方法二更贴合用户操作逻辑。

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