javascript - HTML Javascript，.click()->.submit() 和 .submit() 返回不同的结果

Question

我有一个表单，其中一个按钮使用 onClick 事件提交。

<input type="button" name="couponButton" id="orderNow" value="Apply" onKeyUp="javascript:return false;" onClick="javascript:document.cartFrm.submit();" />"

此外，我有一个输入，当输入处于焦点状态时按下回车键时会触发 couponButton。

<INPUT type=text id=coupon name=coupon size=6 value="" onKeyUp="javascript:(event.keyCode == 13)?document.couponButton.click():''}">

虽然它们都触发相同的事件 (.submit())，但结果不同。当您单击按钮时，表单的实际提交输入不包含在 $_POST 中。当您按下回车键触发按钮时，表单的实际提交输入包含在 $_POST 中。

Answer 1

那是因为你在 onkeyup 中有错误并且触发了 Enter 键的默认行为:使用第一个提交按钮提交表单，就像你点击一样

正确的代码可能是:

<input type="text" id="coupon" name="coupon" size="6" value="" onKeyUp="return AutoClick(event, 'orderNow');" />

函数在哪里:

function AutoClick(event, id) {
   event = event || window.event;
   var keyCode = event.keyCode || event.which;
   if (keyCode == 13) {
      var button = document.getElementById(id);
      if (button)
         button.click();
      return false;
   }
   return true;
}

请注意，我使用的是按钮的 id，而不是它的名称。