Envia os dados do form
sem refresh e com "validação", captura a resposta do arquivo.php
em resp
e preenche a div
:
$(function () {
// Evita envio do FORM com ENTER
$(window).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
}
});
// Comportamento do botao de envio do FORM
$('#enviar').click(function () {
if(validar() === true){
// Se a validacao passar, carrega os dados do FORM e envia
$.post(
$("#form_pergunta").attr("action"),
$("#form_pergunta").serialize()
)
// Se enviar com sucesso, retorna a resposta do PHP
.done(function (resp) {
$('#success').show();
$("#success").html(resp);
})
// Se o envio falhar, retorna uma msg de erro
.fail(function (resp) {
$("#success").attr('class', 'alert alert-danger');
$("#success").html('Falha no envio!');
$('#success').show();
});
} else {
}
});
});
// Validacao do FORM ao enviar
function validar() {
var passou = true;
if ($('#pergunta').val() === "") {
$('#valida_pergunta').show();
passou = false;
} else {
$('#valida_pergunta').hide();
}
if ($('#resposta').val() === "") {
$('#valida_resposta').show();
passou = false;
} else {
$('#valida_resposta').hide();
}
if ($('#desafio').val() === "") {
$('#valida_desafio').show();
passou = false;
} else {
$('#valida_desafio').hide();
}
return passou;
}