Javascript 是否单击重复表单提交whtn按钮？_Javascript

Javascript 是否单击重复表单提交whtn按钮？

javascript

Javascript 是否单击重复表单提交whtn按钮？,javascript,Javascript,我之前有一个问题似乎已经解决了，但仔细检查，它还没有完全解决。我有一个按钮，当点击该按钮时，会激活一个javascript来发送表单数据，然后清除表单，然后关闭隐藏div。除了我检查数据库时它似乎提交了两次之外，它工作得很好？我看了看，看不出问题出在哪里按钮是： <button name ='send' value="Send" type='submit' class='btn btn-primary'>Finish</button> 旧js（不清除表单和隐藏div，

我之前有一个问题似乎已经解决了，但仔细检查，它还没有完全解决。我有一个按钮，当点击该按钮时，会激活一个javascript来发送表单数据，然后清除表单，然后关闭隐藏div。除了我检查数据库时它似乎提交了两次之外，它工作得很好？我看了看，看不出问题出在哪里

按钮是：

<button name ='send' value="Send" type='submit' class='btn btn-primary'>Finish</button>

旧js（不清除表单和隐藏div，但不复制条目）是：

尝试将

returnfalse

添加到事件处理程序的末尾

删除按钮“type=submit”和

然后使用下面的旧代码

$(document).ready(function() { $('#btn-finish').on('click', function() { // Add text 'loading...' right after clicking on the submit button. $('.output_message').text('Processing...'); var form = $(this); $.ajax({ url: form.attr('action'), method: form.attr('method'), data: form.serialize(), success: function(result){ if (result == 'success'){ $('.output_message').text('Message Sent!'); } else { $('.output_message').text('Error Sending email!'); } } }); // Prevents default submission of the form after clicking on the submit button. }); }); $（文档）.ready（函数（）{ $（'btn finish'）。在（'click'，function（）上{ //单击提交按钮后立即添加文本“加载…”。 $（'.output_message'）.text（'处理…'）；变量形式=$（此）； $.ajax({ url:form.attr（'action'），方法：form.attr（'method'），数据：form.serialize（），成功：功能（结果）{ 如果（结果=‘成功’）{ $（'.output_message'）.text（'message Sent！'）； }否则{ $（'.output_message'）.text（'发送电子邮件时出错！'）； } } }); //防止在单击“提交”按钮后默认提交表单。 }); });

尝试添加一个e。停止播放（）看看是否有帮助，我应该把它放在哪里？正上方的是Nope mate，仍然发送两次！问题出在您的服务器端代码上吗？DB条目文件是什么样子的？您能提供代码吗？因为不太清楚？那么我应该把“提交”改成什么，因为我肯定不能把它正常化？？？只需完全删除它，不需要从按钮中删除属性类型。最终的按钮语法如下完成你已经在文档加载中注册了按钮的onclick功能，对吗？这是使用我的旧方法，它已经100%工作了，只是没有清除表单并隐藏div，很抱歉，我想我们这里有交叉线。

 $(document).ready(function() {
   $('#btn-finish').on('click', function() {

        // Add text 'loading...' right after clicking on the submit button. 
        $('.output_message').text('Processing...'); 

        var form = $(this);
        $.ajax({
            url: form.attr('action'),
            method: form.attr('method'),
            data: form.serialize(),
            success: function(result){
                if (result == 'success'){
                    $('.output_message').text('Message Sent!');

                } else {
                    $('.output_message').text('Error Sending email!');
                }
            }
        });

        // Prevents default submission of the form after clicking on the submit button. 
        return false;   
    });
});