Tenho um formulário em uma página, as vezes os usuários podem clicar duas vezes no botão para enviar o formulário...
O formulário é um
@using (Ajax.BeginForm(...))
{
}
Como eu posso evitar que isso aconteça?
Tenho um formulário em uma página, as vezes os usuários podem clicar duas vezes no botão para enviar o formulário...
O formulário é um
@using (Ajax.BeginForm(...))
{
}
Como eu posso evitar que isso aconteça?
O jeito mais simples é, via JavaScript, detectar que o formulário foi enviado e desabilitar o botão de submit.
Exemplo (com jQuery):
$('input[type=submit]').click(function(botao) { $(botao).prop('disabled', true); });
Mas isso atende somente no lado do cliente. Para melhor usabilidade é melhor utilizar algo mais apropriado como, por exemplo, substituir um botão por um "carregando" ou algo do tipo. O exemplo é apenas um quick fix.
Se a questão não é meramente usabilidade, e sim a validade do formulário, você pode marcar sua action com o atributo AntiForgeryToken, que gerará uma chave específica para aquela requisição do formulário (e validada pelo próprio ASP.NET no submit).
Pode prevenir esta situação fazendo por exemplo isto:
<form onsubmit="if(typeof fSub !== 'undefined') return false; fSub = true;">
Nota: Pode declarar a variavel
fSub
globalmente para evitar a validação do tipo.
De qualquer modo a validação tem sempre de ser feita do lado do servidor para evitar ataques.
É má prática fazer a validação só de um dos lados.