Algum tempo atrás, me deparei com uma necessidade de abrir um formulário em uma modal, até ai beleza. Chamo a div pelo nyroModal #link e já era. E a validação?
Desde que me deparei com a biblioteca jQuery.validation #link foi amor a primeira vista. Ela é bem simples de ser implementada e mais simples ainda de usar. Na verdade é configurar, ou estender, as regras e pronto, nesse exemplo eu estendo um pouco mais as funcionalidades mudando o jeito que os highlights vão aparecer. Nada muito complexo. Bom mas e a tal modal.
Quebrei um pouco a cabeça, li o manual do nyroModal várias vezes até que cheguei ao seguinte código:
$(function(){ $("#legal").nyroModal({ endFillContent: function(){ $('#email').focus(function(){ $(this).val(''); }); classeErro = 'Erro'; $("form").validate({ rules:{ email_jogarNovamente:{ required:true, email:true } }, messages:{ email_jogarNovamente:{ required:'Email inválido!', email:'Email inválido!' } }, highlight: function(element, errorClass){ $(element).addClass(classeErro); }, unhighlight: function(element, errorClass){ $(element).removeClass(classeErro); }, errorPlacement: function(error, element){ error.appendTo(element.prev()); }, errorElement: 'strong', submitHandler: function(form){ $(form).submit(); } }); }); });#ficaadica
Nenhum comentário:
Postar um comentário