3

Quando submeto um formulário, através de onsubmit(checkFormIsCorrect()), chamo esta função javascript que vai validar várias situações e submeter ou não o form.

Nesta função:

function checkFormIsCorrect() {
    if (!$('div.has-error').length > 0) {
        return displayAlertify('confirm',
                'Confirme todos os dados antes de submeter');
    }
    return false;
}

A função displayAlertify(...) mostra uma caixa com os botões "OK" e "CANCEL", retornando true ou false.

O problema é que não consigo parar a execução do código até receber o return da função displayAlertify(...).

7
  • não faltou o e.preventDefault()?
    – Marconi
    Commented 29/08/2016 às 14:27
  • posta o seu código html. Commented 29/08/2016 às 14:31
  • Não deu pra entender seu problema direito. Qual é seu objetivo? Commented 29/08/2016 às 14:33
  • <form onsubmit="return checkFormIsCorrect();" class="form_1" method="post"> .... ..... <div class="form_line"> <button type="submit" class="btn btn2 btn-primary btn-block" name="submit_new_user">Registar</button> </div> </form>
    – M_b_85
    Commented 29/08/2016 às 14:33
  • O objetivo é conseguir confirmar ou cancelar a submissão do formulário, clicando nos botões da caixa 'OK' ou 'CANCEL'
    – M_b_85
    Commented 29/08/2016 às 14:35

2 Respostas 2

3

A função displayAlertify retorna nada.

*código expandido dos comentários*

function displayAlertify(message) {

    /* escopo anterior */

    alertify.confirm(message, function(e) {

        /* novo escopo */

        if (e) {
            /* retorna para onde foi chamado */
            return true;
        } else
            /* retorna para onde foi chamado */
            return false;
    });
}

– O callback em alertify.confirm não executa o return no escopo anterior. Aliás, não faria sentido.

Além disso, uma vez que o callback de onsubmit executa, não é possível retornar um valor para sí ainda, pois a execução expira. É assim com todas funções. Então, quando o usuário provavelmente confirmar a alerta, o callback de onsubmit já vai ter expirado antes.

E isso é suficiente, quebrar o envio do formulário até que a alerta de alertify seja confirmada, então enviar novamente.

function checkFormIsCorrect() {
    if ($('div.has-error').length <= 0) {
        displayAlertify('confirm', 'Confirme todos os dados antes de submeter');
    }
    /* break */
    return false;
}

function displayAlertify(message) {
    alertify.confirm(message, function(e) {
        /* submete o formulário */
        if (e) $('form')[0].submit();
    });
}
0

Problema resolvido.

Ficou assim:

function checkFormIsCorrect() {
    if (!$('div.has-error').length > 0) {
         displayAlertify('confirm',
                 'Confirme todos os dados antes de submeter');
    }
    return false;
}

function displayAlertify(type, message) {
    alertify.confirm(message, function(e) {
        if (e) $('form')[0].submit();
        e.preventDefault();
    });
 }
3
  • 1
    Coloquei o return false fora do ir porque se o bloco if não for executado, a função tem de retornar false.
    – M_b_85
    Commented 30/08/2016 às 11:04
  • Eu tinha esquecido que você declarou o !, agora entendi... x_X porque você retornou false. Mudei o operador > para <= e tirei o ! na minha resposta, assim talvez fique menos confuso
    – user37626
    Commented 30/08/2016 às 11:09
  • 1
    Estou a conseguir submeter e cancelar a submissão quando quero. Ele submete o formulário quando entra em ambos os if de cada função. Resumindo: a execução começa entrando na função checkFormIsCorrect(), entra no if(...), entra na função displayAlertify(...) e faz submit do formulário: Se não entrar no primeiro if, retorna false.
    – M_b_85
    Commented 30/08/2016 às 11:11

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .