首页 文章

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

提问于
浏览
1

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

<form>
    <!-- start section 1 -->
    <input type="text" name="input1" id="input1" />
<input type="text" name="input2" id="input2" />
<!-- end section 1 --> <!-- start section 2 --> <input type="text" name="couponCodes" id="couponCodes" />
<input type="submit" name="orderBy" id="orderBy" valeue="Apply" />
<!-- end section 2 --> <!-- start section 3 --> <input type="text" name="giftCards" id="giftCards" />
<input type="submit" name="orderBy" id="orderBy" valeue="Apply" />
<!-- end section 3 --> <!-- start section 4 --> <input type="text" name="input3" id="input3" />
<input type="submit" name="orderBy" id="orderBy" valeue="Place Order" /> <!-- end section 4 --> </form>

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

1 回答

  • 2

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

相关问题