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

zwghvu4y  于 2022-11-26  发布在  其他
关注(0)|答案(4)|浏览(229)

当我试图提交表单时,我不小心在提交按钮上按了两次回车键在这种情况下,我表单被提交了两次有人能告诉我如何处理这个问题吗
下面是我需要的输出:-

  • 表单值必须提交一次
  • 即使用户按了两次Enter键。
yzckvree

yzckvree1#

您可以通过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)
});

试试这个,如果你有任何担心,让我知道。

e1xvtsh3

e1xvtsh32#

您可以在数据库的某个列上添加唯一属性,也可以通过Laravel Request对其进行验证

yacmzcpb

yacmzcpb3#

您也可以通过禁用多次单击的提交按钮来完成此操作。

$(function() {
    $('button').click(function() {

        $($(this)).prop('disabled', true);

    });
});
qyyhg6bp

qyyhg6bp4#

您可以通过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)
});

如果管用就告诉我。

相关问题