Envia os dados do form
sem refresh e com "validação", captura"validação"; Captura a resposta do arquivo.php
em resp
e preenche a div
:; Mostra o botão de refresh para renovar o form
<script>
$(function () {
$('#refresh').click(function () {
window.location = window.location;
});
// 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"),// Captura o ACTION do FORM
$("#form_pergunta").serialize() // Captura os campos do FORM
)
// Se enviar com sucesso, retorna a resposta do PHP
.done(function (resp) {
$("#success").attr('class','alert alert-success');
$("#success").html(resp); //Preenche a DIV com a resp
$('#success').show(); //Mostra a DIV
$('#success'"#form_pergunta input").showprop("disabled", true);
//Mostra a DIV
$("#form_pergunta select").prop("disabled", true);
})
$('#enviar').hide(); //oculta o botao de envio
// Se o envio falhar,$('#refresh').show(); retorna//Mostra umao msgbotao de errorefresh
})
// Se o .fail(functionenvio (resp)falhar, {retorna uma msg de erro
.fail(function (resp) {
$("#success").attr('class', 'alert alert-danger'); //Muda o CSS da DIV
$("#success").html('Falha no envio!'); //Preenche a DIV com a msg
$('#success').show(); //Mostra a DIV
});
} 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;
}
</script>