Tenho um formulário onde verifico se os checkbox estão selecionados antes de enviar o Submit, porém quando o retorno é false (não tem checkbox selecionado), após selecionar o checkbox e clicar novamento no botão submit, o Form é enviado mais de 1 vez. Quando a validação é retornada True da primeira vez, o submit é enviado apenas uma vez, ou seja, não tenho problema.
OBS: Não posso mudar o botão submit para button porque preciso da validação dos campos obrigatórios do formulário que o submit faz. O .click() também preciso para identificar o botão que foi clicado.
Alguém poderia ajudar a desvendar essa incógnita? Ou a fazer de outra forma com o mesmo resultado.
Esse é o jquery.
function validaFormaPagto(){
var tipopag = $(".tipopag").find(":checked").length;
if (tipopag == 0) {
return false;
}
}
//Evento quando clicar em botões da classe concluir
$(".concluir").click(function(){
var valorBtn = $(this).val();
$("#forminput").submit(function(e){
var data = $("#forminput").serialize();
var numped = $('#numped').val();
if (!validaFormaPagto() ) {
return false;
}
$.ajax({
type : 'POST',
url : 'config/concluirPedido.php',
data : data, //botao,
dataType: 'json',
beforeSend: function()
{
$("#concluir").attr('disabled','disabled');
$("#imprimir").attr('disabled','disabled');
},
success : function(response){
if(response.codigo == '2'){
$('#concluir').removeAttr('disabled');
$('#imprimir').removeAttr('disabled');
$('#forminput').fadeOut("fast");
$('#limpar').fadeOut("fast");
$('#mensagem').css('display', 'block')
.removeClass()
.addClass(response.tipo)
.html('')
.html('<span>' + response.mensagem + '</span>');
//Esconde a mensagem após 6 segundos e recarrega/redireciona a página
$("#mensagem").delay(4000).fadeOut("fast",function(e){
window.location.reload();
});
//Verifica se imprimi o Pedido
if (valorBtn == 'Confirmar + Imprimir') {
window.open('relimpressaoPedido.php?termo='+numped);
}
}
else {
$('#mensagem').css('display', 'block')
.removeClass()
.addClass(response.tipo)
.html('')
.html('<span>' + response.mensagem + '</span>');
//Esconde a mensagem após 6 segundos
$("#mensagem").delay(6000).fadeOut("fast");
}
}
});
e.preventDefault();
return false;
});
});
submit
do formulário quando o usuário pressionar o botão.concluir
? Isto está correto? Esse botão é do tiposubmit
, como descreveu na pergunta? Já tentou utilizar opreventDefault
para o click deste botão também?return
paratrue
, pra ele atualizar a cada vez que você clicar