防止按两次 Enter 键提交多个表单

Question

当我尝试提交表单时，我不小心在提交按钮上按了两次回车键。在这种情况下，我的表格会提交两次。任何人都可以建议我如何处理这个问题。

这是我需要的输出：-

• 表单值必须提交一次
• 即使用户按回车键两次..

Answer 1

你可以通过 jquery 来实现这一点。下面是相同的代码。

在此示例中，它将禁用提交按钮 2 秒。2 秒后按钮将再次启用。您可以根据您的要求修改此设置。

$('form').submit(function(){
     $(this).find(':submit').attr( 'disabled','disabled' );
     //the rest of your code
    setTimeout(() => {
        $(this).find(':submit').attr( 'disabled',false );
    }, 2000)
});

尝试一下，如果您有任何疑虑，请告诉我。