Question

我在IE中遇到此问题，有时我的表单提交两次。我知道点击按钮两次的问题，这不是问题。但就我而言，我只点击一次。我检查了数据库中的记录，有两条记录。

<input type="button" value="Approve" name="btn_approve" id="btn_approve">
<input type="button" value="Reject"  name="btn_reject" id="btn_reject">

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script> 
<script>
$(document).ready(function () {
    $("#btn_approve").click(function () {
        // some validation before submitting the form

        $("#my_form").submit();
    });
});
</script>

Answer 1

防止按钮的默认行为：

<input type="button" value="Approve" name="btn_approve" id="btn_approve">
<input type="button" value="Reject"  name="btn_reject" id="btn_reject">

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script> 
<script>
$(document).ready(function () {
    $("#btn_approve").click(function (e) {
        e.preventDefault();
        // some validation before submitting the form

        $("#my_form").submit();
    });
});
</script>

Answer 2

假设#btn_approve实际上是#my_form内的提交按钮，您将通过.submit触发表单提交，并且浏览器也正常提交。改为：

$("#btn_approve").on('click', function (e) { $("#my_form").trigger('submit'); e.preventDefault(); });

Answer 3

我有同样的问题。当我将记录保存到数据库时，我给记录加时间戳。因此，如果为特定的唯一用户提交记录，彼此在2秒内，我就会忽略重复项。这样我就不需要在客户端检查浏览器类型和兼容性，只需在服务器端分别处理浏览器的问题。

        '' Count the number of submissions, for the user, within the 2 seconds.
        objRS.open "select count(*) as C FROM [ADS].[dbo].[VIP_USERS] where userid = '" & Trim(Request("USERID")) & "' and datediff(ss, created, GETDATE()) <= 2", Application("sConn")

IE提交表格两次

3 个答案: