Skip to main content
5 de 8
Acrescentando código, referências e informações
ShutUpMagda
  • 2,1mil
  • 1
  • 12
  • 25

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;
        }
ShutUpMagda
  • 2,1mil
  • 1
  • 12
  • 25