Question

我有一个表格有三个提交输入（优惠券代码，兑换礼品卡，表单提交）。输入按我刚刚提到的顺序放在页面上，因此当用户按下输入时，优惠券代码始终被提交。当按下回车键时，是否有办法只触发表单提交？如果可能的话，我想在没有任何客户端编码的情况下完成此任务。

<form>
    <!-- start section 1 -->
    <input type="text" name="input1" id="input1" /><br />
    <input type="text" name="input2" id="input2" /><br />
    <!-- end section 1 -->

    <!-- start section 2 -->
    <input type="text" name="couponCodes" id="couponCodes" /><br />
    <input type="submit" name="orderBy" id="orderBy" valeue="Apply" /><br />
    <!-- end section 2 -->

    <!-- start section 3 -->
    <input type="text" name="giftCards" id="giftCards" /><br />
    <input type="submit" name="orderBy" id="orderBy" valeue="Apply" /><br />
    <!-- end section 3 -->

    <!-- start section 4 -->
    <input type="text" name="input3" id="input3" /><br />
    <input type="submit" name="orderBy" id="orderBy" valeue="Place Order" />
    <!-- end section 4 -->
</form>

我要做的是按下回车键时第2部分和第3部分中的提交输入不会被触发。我希望第4节中的提交输入是按下回车键时触发的输入。我宁愿不将Apply提交更改为，因为这定义了另一个字段，并且不由PHP表单验证脚本处理。 <button></button>是我尝试使用的，但是当按下回车键时，仍然会触发应用按钮。

Answer 1

可能有些代码可以提供帮助但是一个简单的方法就是在type="submit"中设置“表单提交”和另外两个优惠券代码并在type="button"兑换礼品卡。

HTML：如何在按Enter键时确保触发了正确的提交输入？

1 个答案: