Ir para conteúdo

Arquivado

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

hellzer

mascara cpf não funciona JQUERY

Por , em Javascript

Recommended Posts

hellzer    0

hellzer
Postado

Não consigo de jeito nenhum colocar a mascara cpf alguem sabe oq estou fazendo de errado?


<html>

<head>
</style>
<font size="110" face="Verdana">
<div class="titlebar">
<br> <center> Top Note Store </center> </br>


</font>
</p>
</div>
<title> Home </title>
<link rel="stylesheet" type="text/css" href="home.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"> </script>
<script type="text/javascript">
	function verificaNumero (e) {
		if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)){
				return false;
		}
	}
	$(document).ready(function() {
		$("#cpf").keypress(verificaNumero);
	});
	function FormataCpf(evt){
		vr = (navigator.appName == 'Netscape') ?evt.target.value : evt.srcElement.value;
			if(vr.length == 3) vr = vr+ ".";
			if(vr.length == 7) vr = vr+ ".";
			if(vr.length == 11) vr = vr+ "-";
		return vr;
	}
	</script>
</head>
<body>
<tr>
<td>	
<div class="sidebar">
<form name="loginform" method="post" action="useratenticar.php">
<b> <h1> <Center> Logar <Center> </h1> </b>
<h4>
<Center> E-mail: <input type="text" name="email" /><br /><br />
Senha: <input type="password" name="senha" /><br /><br />
<input type="submit" value="Entrar"
</center>
</td>
</div>
<h4>
</tr>
</table>
</form>
<center>
<div class="sidebarx">
<b> <h1> Registrar </h1> </b>
<h4>Registrar-se é de graça e além de poder comparar os preços
e configurações que estão a suas disposições. </h4>
<form name="signup" method="post" action="cadastrando.php"> 
Nome: <input type="text" name="nome" /> <br /><br /> 
Sobrenome: <input type="text" name="sobrenome" /> <br /><br />
 <td>Sexo:</td>
      <td><input name="sexo" type="radio" value="Masculino" checked="checked" />
        Masculino 
        <input name="sexo" type="radio" value="Feminino" />
        Feminino <span class="style1"></span> </td>
    </tr> <p> </p>
Cpf: <input id="cpf" type="text" maxlength="14" onkeypress"this.value = FormataCpf(event)" onepaste="rertun false;" /><br /><br /> 
Cidade: <input type="text" name="cidade" /> <br /><br />
Rua: <input type="text" name="rua" /> <br /><br />
Numero da Casa <input type="text" name="ncasa" size="4" maxlength="5" /> <br /> <br />
<td>DDD:</td>
      <td><input name="ddd" type="text" id="ddd" size="4" maxlength="2" />
      Telefone:
        <input name="telefone" type="text" id="telefone" size="11" maxlength="10" />
    </tr>	
	<p> </p>
E-mail: <input type="text" name="email" /> <br /><br /> 
Senha: <input type="password" name="senha" size="20" maxlength="19"/> <br /><br />

 <input type="submit" value="Cadastrar" /> <input type="reset" value="Limpar Dados" name="B2">

</center>
</div>
 </form>
</body>
<marquee scrollDelay=50><img src="Imagens/smileys-animals-686879.gif"></marquee>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos_imasters    288

Marcos_imasters
Postado

tenta assim amigo

 

function MascaraCPF(cpf){
if(mascaraInteiro(cpf)==false){
event.returnValue = false;
}
return formataCampo(cpf, '000.000.000-00', event);
}

 

 

no input

 

<input name="cpf" type="text" id="rg" size="30" maxlength="12" onKeyPress="MascaraCPF(signup.cpf);" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

icarof    9

icarof
Postado

EU uso essa mascara, tenta ai

<script>
function validarCPF( cpf ){
	var filtro = /^\d{3}.\d{3}.\d{3}-\d{2}$/i;
	
	if(!filtro.test(cpf))
	{
		window.alert("CPF inválido. Tente novamente.");
		return false;
	}
   
	cpf = remove(cpf, ".");
	cpf = remove(cpf, "-");
	
	if(cpf.length != 11 || cpf == "00000000000" || cpf == "11111111111" ||
		cpf == "22222222222" || cpf == "33333333333" || cpf == "44444444444" ||
		cpf == "55555555555" || cpf == "66666666666" || cpf == "77777777777" ||
		cpf == "88888888888" || cpf == "99999999999")
	{
		window.alert("CPF inválido. Tente novamente.");
		return false;
   }

	soma = 0;
	for(i = 0; i < 9; i++)
	{
		soma += parseInt(cpf.charAt(i)) * (10 - i);
	}
	
	resto = 11 - (soma % 11);
	if(resto == 10 || resto == 11)
	{
		resto = 0;
	}
	if(resto != parseInt(cpf.charAt(9))){
		window.alert("CPF inválido. Tente novamente.");
		return false;
	}
	
	soma = 0;
	for(i = 0; i < 10; i ++)
	{
		soma += parseInt(cpf.charAt(i)) * (11 - i);
	}
	resto = 11 - (soma % 11);
	if(resto == 10 || resto == 11)
	{
		resto = 0;
	}
	
	if(resto != parseInt(cpf.charAt(10))){
		window.alert("CPF inválido. Tente novamente.");
		return false;
	}
	
	return true;
 }
 
function remove(str, sub) {
	i = str.indexOf(sub);
	r = "";
	if (i == -1) return str;
	{
		r += str.substring(0,i) + remove(str.substring(i + sub.length), sub);
	}
	
	return r;
}

/**
   * MASCARA ( mascara(o,f) e execmascara() ) CRIADAS POR ELCIO LUIZ
   * elcio.com.br
   */
function mascara(o,f){
	v_obj=o
	v_fun=f
	setTimeout("execmascara()",1)
}

function execmascara(){
	v_obj.value=v_fun(v_obj.value)
}

function cpf_mask(v){
	v=v.replace(/\D/g,"")                 //Remove tudo o que não é dígito
	v=v.replace(/(\d{3})(\d)/,"$1.$2")    //Coloca ponto entre o terceiro e o quarto dígitos
	v=v.replace(/(\d{3})(\d)/,"$1.$2")    //Coloca ponto entre o setimo e o oitava dígitos
	v=v.replace(/(\d{3})(\d)/,"$1-$2")   //Coloca ponto entre o decimoprimeiro e o decimosegundo dígitos
	return v
}
</script>

e no campo poe

<input name="cpf" type="text" class="smallInput" id="cpf" onblur="javascript: validarCPF(this.value);" onkeypress="javascript: mascara(this, cpf_mask);"  maxlength="14" />

testa ae

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • Kefatif
      Máscara e verificação de CPF válido
      Por Kefatif
      Prezados, bom dia.
       
      Sou novo no fórum, peço desculpas caso esteja postando no local errado.
       
      Estou precisando que o edit abaixo tenha máscara de CPF e verique se o mesmo é válido ou não apresentando mensagem caso seja inválido.
       
      Meu código:
      <label style="width:15%;">CPF<br><input type="text" id="cpf" step="0.1" name="cpf" class="form-control cpf-mask" placeholder="Ex.: 000.000.000-00" style="width:100%"></label>  
      Já tentei diversas formas e não consegui.
       
      Obs.: Sou iniciante em programação web.
       
      Agradecido desde já pelas ajudas que estão por vir.
       
      Muito obrigado!!!
    • Kaio Augusto de Castro
      Como pegar apenas uma parte de outro site e por dentro de outro site.
      Por Kaio Augusto de Castro
      Ola pessoal, estou com uma duvida que eu não sei nem como me expressar, mas mesmo assim irei tentar.
       
      Gostaria de saber se é possível mostrar apenas um fomulário em meu site sem o conteúdo do resto, queria fazer uma espécie de "mascara" para esconder coisas que eu não quero que seja mostrado em meu site e mostrar somente aquilo que me interessa assim como descreve as imagens abaixo. 
       
      A imagem 01 é como aparece a pagina, na imagem 02 é como eu gostaria que aparecesse na minha pagina, apenas o formulário em as propagandas da empresa que fornece a hospedagem.


    • marcelobbt
      Acionar máscara em apenas um campo
      Por marcelobbt
      Encontrei um código para formatar o valor da forma que eu quero, o problema que ele aciona o script para todos os inputs (ver abaixo)
      $(function(){ $('input').bind('keypress',mask.money) }); Porém queria aplicar apenas a um dos inputs do meu form.
       
      Abaixo segue o script completo
      var mask = { money: function() { var el = this ,exec = function(v) { v = v.replace(/\D/g,""); v = new String(Number(v)); var len = v.length; if (1== len) v = v.replace(/(\d)/,"0.0$1"); else if (2 == len) v = v.replace(/(\d)/,"0.$1"); else if (len > 2) { v = v.replace(/(\d{2})$/,'.$1'); } return v; }; setTimeout(function(){ el.value = exec(el.value); },1); } } $(function(){ $('input').bind('keypress',mask.money) }); o input seria o abaixo:
      <input type="text" id="valorform" name="valorform">  
    • klonder
      Máscaras para TextField em JavaScript
      Por klonder
      Tentei incluir a máscara a seguir em um POST meu antigo, porém está fechado para novas respostas:
       
      Todavia, para futuras consultas minhas e também para ajudar outras pessoas, venho deixar uma máscara interessante que acabei de terminar em JavaScript.
      Ficou muito menor que a do POST acima:
      <script type="text/javascript"> var iCount1; var trava = false; function MaskDown(e) { if (trava == false) { iCount1 = e.value.length; trava = true; } } function MaskUp(e,mascara) { if (trava) { var textoLimpo = e.value.substr(0,iCount1+1).replace(/[\/\:\-\.]/g,""); var texto = ""; var iM = 0; var iT = 0; while (iM < mascara.length) { if (iT < textoLimpo.length) { if (mascara.substr(iM,1) == "#") { texto += textoLimpo.substr(iT,1); iT++; } else { texto += mascara.substr(iM,1); } } iM++; } e.value = texto; trava = false; } } </script> Para funcionar, basta incluir em suas tags input os eventos, como demonstrado a seguir:
      <input type="text" id="tfData" onkeydown="MaskDown(this)" onkeyup="MaskUp(this,'##/##/####')" placeholder="dd/mm/aaaa" style="width:80px" /> <br /><input type="text" id="tfHora" onkeydown="MaskDown(this)" onkeyup="MaskUp(this,'##:##')" placeholder="hh:mm" style="width:50px"/> À medida que o usuário vai digitando, o valor campo vai sendo formatado. Pode ser usado para CPF, CEP, RG, dentre outros...
       
      Divirtam-se!
    • Bruno_Roberto
      Mascara para CPF e CNPJ no mesmo campo
      Por Bruno_Roberto
      Olá, tudo bem? sou novo na comunidade mas preciso de ajuda, eu gostaria de fazer um cadastro único onde o campo de texto formatado do CPF sirva para CNPJ, por exemplo:
      Se (campo_de_texto.Lenght > CPF.lenght)
      {
          Mascara == CNPJ;
      }else
      {
          Mascara == CPF;
      }
       
      Essa é a lógica, só não sei como aplicar... alguém poderia me ajudar?
×

Informação importante

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

  Aceito