Validação de CPF com JQuery

28 de abril de 2011 3 respostas

juniorsatanas 28 de abril de 2011

Pessoal, gostei muito da maneira que JQuery valida o formuário, só que não estou conseguindo por para rodar junto com VRaptor :

Problema é, o nome do input " clienteFisica.clfiCpf " Jquery não aceita nome com PONTO se eu usar o nome "clienteFisicaclfiCpf" sem ponto ele valida.
Alguém pode ajudar ?

&lt;script type="text/javascript"&gt;
// QUANDO O DOCUMENTO ESTIVER PRONTO
$(document).ready(function(){
   // CONFIGURA A VALIDACAO DO FORMULARIO
   $("#formulario").validate({
      rules: {
         titulo: {required: true},
         titulo2: { required: true, notEqual: "#titulo"},
         data_galeria: {required: true, dateBR: true},
			teste_cnpj: {cnpj: true},
         clienteFisica.clfiCpf: {cpf: true}
      },
      messages: {
         titulo: {required: 'Informe o título' },
         titulo2: { required: 'Informe o segundo título', notEqual: 'Informe um valor diferente' },
         data_galeria: {required: 'Informe a data', dateBR: 'Digite uma data válida'},
         teste_cnpj: { cnpj: 'CNPJ inválido'},
         clienteFisica.clfiCpf: {cpf: 'Informe um CPF válido ou nenhum CPF'}
      }
      
   });

   $('#result').html('jQuery Validate com novos métodos: cpf, cnpj, dateBR, dateTimeBR, notEqual');
});

&lt;/script&gt;

&lt;tr&gt;

                                                    &lt;td width="39%" height="30" align="right" class="tabelaFonte"&gt;Cpf&lt;/td&gt;
                                                    &lt;td width="61%" height="30"&gt;&lt;!--&lt;span id="sprytextfield8"&gt;--&gt;
                                                            &lt;input name="clienteFisica.clfiCpf" type="text" id="clienteFisica.clfiCpf" value="${clienteFisica.clfiCpf}" size="40" /&gt;<br />
                                                           &lt;!-- &lt;span class="textfieldRequiredMsg"&gt;Este campo é obrigatório.&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;--&gt;
                                                                  &lt;div class="clear"&gt;&lt;/div&gt;
                                                &lt;/tr&gt;

3 Respostas

cristianogro 28 de abr. de 2011

Tive problema semelhante ao validar o formulário via javascript, mude o id para clfiCpf e o name deixe como clienteFisica.clfiCpf, lembre-se, o V-Raptor sempre utiliza o name e não o id.

allandequeiroz 28 de abr. de 2011

Um exemplo do que o cristianogro falou :

id para trabalhar com o JQuery e name para trabalhar com o VRaptor :

&lt;input id="email" type="text" name="concedente.email" value="${concedente.email}"/&gt;

$("#email").rules("add", {
	 required: true,
	 minlength: 3,
	 maxlength: 50,
	 email: true, 
	 messages: {
	   required: "&lt;fmt:message key="concedente.inscricao.email.required" /&gt;",
	   minlength: "&lt;fmt:message key="concedente.inscricao.email.minlength" /&gt;",
	   maxlength: "&lt;fmt:message key="concedente.inscricao.email.maxlength" /&gt;",
	   email: "&lt;fmt:message key="concedente.inscricao.email.email" /&gt;"
	 }
})

id=“email” - JQuery
name=“concedente.email” - Vraptor

juniorsatanas 28 de abr. de 2011

BOM DIA AMIGOS !

Obrigado pelas respostas.. RESOLVI ASSIM :

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;script type="text/javascript" src="../Valida/jquery-1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../Valida/jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../Valida/meus-metodos.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
// QUANDO O DOCUMENTO ESTIVER PRONTO
$(document).ready(function(){
   // CONFIGURA A VALIDACAO DO FORMULARIO
   $("#formulario").validate({
      rules: {
         "clienteFisica.clfiNome": {required: true},
         titulo2: { required: true, notEqual: "#titulo"},
         "clienteFisica.clfiDataNascimento": {required: true, dateBR: true},
			teste_cnpj: {cnpj: true},
         "clienteFisica.clfiCpf": {cpf: true}
      },
      messages: {
         "clienteFisica.clfiNome": {required: 'Informe o título'},
         titulo2: { required: 'Informe o segundo título', notEqual: 'Informe um valor diferente'},
         "clienteFisica.clfiDataNascimento": {required: 'Informe a data', dateBR: 'Digite uma data válida'},
         teste_cnpj: { cnpj: 'CNPJ inválido'},
         "clienteFisica.clfiCpf": {cpf: 'ATENÇÃO .:CPF não e Válido Verifique a Digitação.'}
      }
      
   });

   
});

&lt;/script&gt;

&lt;style type="text/css"&gt;


.bt{ width:auto!important; }

label.error{ color:#FF0000;width:250px;right: 20px; }
--&gt;
&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div id="result"&gt;&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;

Criado 28 de abril de 2011

Ultima resposta 28 de abr. de 2011

Respostas 3

Participantes 3

3 Respostas

Topicos relacionados