Question

在我的HTML表单中，当我单击“提交”按钮时，它被禁用，因此用户无法单击它两次。这个按钮发送一个电子邮件，但是当我测试这个表单时，有时按钮会执行两次操作，虽然我点击它一次，有时它工作正常并且只执行一次操作。这是我的代码：

<form id="request-form" action="http://premitek.slayer.nabdsys.com/UserAccount/Create" class="contact-form">
    <input name="txt" id="txt" type="text"> 
    <input value="Sign up" 
           id="btnSignUp"
           onclick="goog_report_conversion();ToGetTrackingCode();"
           class="btn btn-primary btn-lg"
           data-loading-text="Loading..." 
           type="submit">
</form>

$("form").submit(function (e) {
    if ($('#CaptchaEnter').val().toLowerCase() != $('#randomfield').val().toLowerCase() || $('#CaptchaEnter').val() == "") {                   
        e.preventDefault();               
        $('#captcha').attr(
             "style", 
             "border-color: #a94442; box-shadow: inset 0 1px 1px"
        );
        $('#verCapacha').show();
    } else {
        $('#captcha').attr("style","");
        $('#verCapacha').hide();
        $('#btnSignUp').prop('disabled', true);
        ShowProgress();
    }
});

Answer 1

页面上只有一个表单标记吗？您已为每个表单元素设置了提交功能。您应该通过表单ID进行设置。

此外，当您说＆＃34;执行操作＆＃34;时，您的意思是发送电子邮件吗？还是运行JS功能？如果是电子邮件，请检查以确保没有其他方式可以访问电子邮件代码，包括刷新页面。

提交按钮有时会以html格式执行两次操作

1 个答案: