Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ro_wagner

adicionar alert no validate

Recommended Posts

Oie..

 

como fazer o jquery validate retornar alem do erro padrao + um alert()

 

 

$("#form").validate({
   // Regras
   rules:{
       nome:{required: true},
       fone:{required: true}
   },
   // Mensagens
   messages:{
       nome:{ required: "Digite o seu nome"},
       fone:{ required: "Digite o seu telefone"}
   }
   // ??? como dar um alert se existir erro(s)
   // ??? ex alert('Confira os campos obrigatórios')
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara dei uma pesquisada aqui sobre o plguin não achei um método que reconhecesse todos erros de requerimento, então fiz assim pelo menos é um alert como você quer. Dá uma testada se funcionar reputa ai beleza? :thumbsup:

 

<script>
$("#form").validate({
   // Regras
   rules:{
       nome:{required: true},
       fone:{required: true}
   },
   // Mensagens
   messages:{
       nome:{ required: alert('O campo nome é requerido')},
       fone:{ required: alert('O campo fone é requerido')}
   }

});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei se vai funcionar, mas o colega já colocou uma possível solução. Mas o próprio plugin informa tipo um alert se a pessoa tentar prosseguir no envio sem arrumar os erros. E acho mais interessante você focar no destaque dos erros que informar um alert com popup feio e que não vai acrescentar em nada na usabilidade. O meu, quando está errado fica a letra, campo e a mensagem em vermelho e quando está certo fica tudo verde e aparece um simbolo positivo ao lado, acho que é o suficiente para o usuário ver que errou ou acertou. Eu mesmo uso o alert apenas como um teste simples.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Okani Yori, como não uso o jquery validate, só fiz para ajudar o amigo, mas se fosse eu eu também iria fzer erros personalizados usando removeClass e addClass

 

Entendi, agora ele tem uma alternativa e outras opiniões.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.