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 ?
[code]<script type=“text/javascript”>
// 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’);
});
</script>
[/code]
[code]<tr>
<td width="39%" height="30" align="right" class="tabelaFonte">Cpf</td>
<td width="61%" height="30"><!--<span id="sprytextfield8">-->
<input name="clienteFisica.clfiCpf" type="text" id="clienteFisica.clfiCpf" value="${clienteFisica.clfiCpf}" size="40" /><br />
<!-- <span class="textfieldRequiredMsg">Este campo é obrigatório.</span></span></td>-->
<div class="clear"></div>
</tr>
[/code]
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.
Um exemplo do que o cristianogro falou :
id para trabalhar com o JQuery e name para trabalhar com o VRaptor :
<input id="email" type="text" name="concedente.email" value="${concedente.email}"/>
$("#email").rules("add", {
required: true,
minlength: 3,
maxlength: 50,
email: true,
messages: {
required: "<fmt:message key="concedente.inscricao.email.required" />",
minlength: "<fmt:message key="concedente.inscricao.email.minlength" />",
maxlength: "<fmt:message key="concedente.inscricao.email.maxlength" />",
email: "<fmt:message key="concedente.inscricao.email.email" />"
}
})
id=“email” - JQuery
name=“concedente.email” - Vraptor
BOM DIA AMIGOS !
Obrigado pelas respostas.. RESOLVI ASSIM :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../Valida/jquery-1.js"></script>
<script type="text/javascript" src="../Valida/jquery.js"></script>
<script type="text/javascript" src="../Valida/meus-metodos.js"></script>
<script type="text/javascript">
// 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.'}
}
});
});
</script>
<style type="text/css">
.bt{ width:auto!important; }
label.error{ color:#FF0000;width:250px;right: 20px; }
-->
</style>
</head><body>
<div id="result"></div>
</body></html>