Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
Gente, seguinte. Estou usando a seguinte função no JS:
$('#submitFormInscricao').click(function() {
var dados = $('#formCompleto').serialize();
$.ajax({
type: 'POST',
dataType: 'html',
url: 'view/index/inscricao/processar_form_completo.php',
async: true,
data: dados,
success: function(result) {
$("#divFormCompleto").html('');
$("#divFormCompleto").append(result);
},
beforeSend: function(){
$('#loading').css({display:"block"});
},
complete: function(msg){
$('#loading').css({display:"none"});
$('#submitFormInscricao').css({display:"none"});
}
});
return false;
});
});
Ele funciona perfeitamente, com um porém... Não respeita o required do html5. Sei que uma solução seria validar todos os campos antes disso e mostrar um erro, mas não teria alguma forma de eu aproveitar os atributos da tag html???
Cara, muito obrigado mesmo, tanto pela solução, quanto pela dica.
Mas me diz uma coisa... Acabei não comentando no primeiro post, meu formulário está em um modal, usando o submit ele não faz a substituição de conteúdo, certo?!
Aqui pelo menos ele atualizou a página e acabou nem processando o php...
=(
Acabei gostando muito da resposta e não reparei em um detalhe, você trocou o id do botão pelo do form. Valeu, você é o cara!
o seu erro está aqui:
$('#submitFormInscricao').click(function() {
nunca, nunca dispare algum evento de formulário no CLICK. Use o submit para isso.
$('#formInscricao').submit(function() {