Estou desenvolvendo um plugin de validação de formulário html para CPF, CEP, DATA, TELEFONE.
consegui achar um que adiciona um method para CPF no Jquery Validation, mas estou tendo dificuldades para editar o código e fazer funcionar para os outros campos:
Podem me dar algum exemplo de como eu faria ?
UPDATE: PROBLEMA RESOLVIDO !! E Era: os scripts que eu estava usando usavam um determinado tipo de
aspas ” enquanto o resto do meu código era " .
ADDMETHOD
jQuery.validator.addMethod("cpf", function(value, element) {
value = jQuery.trim(value);
value = value.replace('.','');
value = value.replace('.','');
cpf = value.replace('-','');
while(cpf.length < 11 ) cpf = "0"+ cpf;
var expReg = /^0+$|^1+$|^2+$|^3+$|^4+$|^5+$|^6+$|^7+$|^8+$|^9+$/;
var a = [];
var b = new Number;
var c = 11;
for (i=0; i<11; i++){
a[i] = cpf.charAt(i);
if (i < 9) b += (a[i] * --c);
}
if ((x = b % 11) < 2) { a[9] = 0 } else { a[9] = 11-x }
b = 0;
c = 11;
for (y=0; y<10; y++) b += (a[y] * c--);
if ((x = b % 11) < 2) { a[10] = 0; } else { a[10] = 11-x; }
var retorno = true;
if ((cpf.charAt(9) != a[9]) || (cpf.charAt(10) != a[10]) || cpf.match(expReg)) retorno = false;
return this.optional(element) || retorno;
}, "Informe um CPF válido");
$(document).ready(function(){
$("#formH2H").validate({
rules: {
cpf: {cpf: true, required: true}
},
messages: {
cpf: { cpf: 'CPF inválido'}
}
,submitHandler:function(form) {
alert('Muito bem, as informações estão corretas.');
}
});
});
só que travei ai.. ja tentei olhar plugins em javascript, até achei uns que funcionam, mas fica muito estranho pois um insere um texto embaixo do campo e outro abre um alert..
E para adicionar uma máscara aos inputs, tambem achei alguns na internet, mas no meu código não estão funcionando.
MASCARAS
jQuery(function($){
$("#date").mask("99/99/9999");
$("#tel").mask("(999) 999-9999");
});
OBS: preciso que a formatação e a máscara seja totalmente feita via Jquery ou Javascript, não podendo contar com o html, preciso chamar cada id do campo, e formata-lo e valida-lo.
EDIT:
Então, o problema é que precisa fazer a formatação e máscara para qualquer formulário.. no caso que você mostrou, eu precisaria alterar o html, o que não é a intenção. como eu passaria os para parâmetros que você colocou no html, direto no .js ?