注册前条款模态框触发表单提交异常，URL带?后缀求助

看起来你遇到的问题核心在于模态框里的「I Accept」按钮默认行为和手动触发的表单提交发生了冲突，咱们一步步拆解原因和解决办法：

问题根源 #

你的#acceptTerms按钮设置了type="submit"，但它不在<form>标签内部，也没有通过form属性关联到目标表单。当你点击这个按钮时：

1. 浏览器会先触发它的默认行为：因为找不到关联表单，会发起一个默认的GET请求（这就是URL末尾出现?的原因）
2. 你的JS代码里的$("#registerUser").submit()虽然也会触发表单的POST提交，但已经被浏览器的默认GET请求覆盖了

解决方案 #

有两种简单的修复方式，选其一即可：

方式1：修改按钮的type为button #

把模态框里的按钮类型从submit改成button，这样它就不会有默认的提交行为，只会执行你写的JS逻辑：

<button type="button" id="acceptTerms" class="btn btn-hp-modal underline btn-signup-modal">I Accept</button>

方式2：在点击事件中阻止默认行为 #

如果不想改按钮type，就在JS的click事件里添加preventDefault()，阻止浏览器的默认提交动作：

$(document).ready(function () {
  $("#acceptTerms").click(function (e) {
    // 阻止按钮的默认提交行为
    e.preventDefault();
    $("#registerUser").submit();
  });
});

额外验证建议 #

做完修改后，可以测试两种场景：

• 点击表单内的Sign up按钮，确认模态框正常弹出
• 点击模态框的I Accept按钮，确认表单以POST方式提交，不再出现URL带?的情况

内容的提问来源于stack exchange，提问作者A.J