如何防止chrome有时在URL中显示表单数据

Question

我正在处理的网站上的一个页面涉及一个联系表单，该表单在将其提交给服务器之前使用jQuery验证。

我的问题是，在某些情况下，点击查看按钮时，Chrome会在网址中显示表单数据。这是我想避免的。我已经在Firefox和IE上测试了这个，但只能在Chrome上观察到这种行为。

重现的步骤：

1. 导航至以下http://doualatees.com/shop/checkout/order/
2. 点击查看订单按钮，不填写任何字段。
3. 每个字段下都会显示验证消息
4. 刷新页面并重复此过程3或4次
5. 观察Chrome中的地址栏。
6. 在IE 11和Firefox 54中尝试此操作 - 不显示表单数据



以下是我的html代码

的摘录

<form id="tcheckout-form" class="nml-padding">
    . . .
    <button id="tcheckout-save-btn" type="submit" class="button" title="Continue">
        <span>
            <span>Review Order</span>
        </span>
    </button>
    . . .
</form>

以下是我的jQuery代码

的摘录

jQuery(document).ready(function(){
    jQuery('#tcheckout-save-btn').click(function(){
        jQuery('#tcheckout-form')
            .formValidation(. . .)
            .on('success', function(e) {
                e.preventDefault();
                . . .
                jQuery.ajax({. . .});
            });
    });
});

知道我在这里缺少什么吗？我怀疑chrome正在尝试提交表单，但我不知道为什么。

提前致谢。