Ir para conteúdo

POWERED BY:

Arquivado

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

MarcDu

Erro jquery

Por , em Javascript

Recommended Posts

MarcDu    1

MarcDu
Postado

Olá, eu não sou programador, eu faço pra minha loja.

 

Eu quero validar, Cep, telefone e celular 8 ou 9 digitos.

 

Eu achei este código na web.

<!-- link do jquery -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"> </script>
	
	<!-- link para o plugin de mascara -->
	<script type="text/javascript" src="js/jquery.maskedinput-1.2.2.min.js"> </script>
<title>Untitled Document</title>
<!-- abro o script e o uso nos inputs -->
	<script type="text/javascript">
		$(function(){
			//recebera s?mente numeros
			$('#telefone').mask('(99) 9999-9999');
			
			//recebera somente numeros com a respectiva regra
			$('#cpf').mask('999.999.999-99');
			$('#cep').mask('99999-999');
			//recebera s?mente letras max 8 digitos
			$('#nome').mask('aaaaaaaa');
			
			//recebera letras e numeros e no maximo 8 digitos			
			$('#apelido').mask('********');
		});
	</script>
</head>

<body>

			Nome: <input type="text" id="nome" /><br>
			Apelido: <input type="text" id="apelido" /><br>
			Telefone: <input type="text" id="telefone" /><br>
			Cep: <input type="text" id="cep" /><br>
			CPF: <input type="text" id="cpf" />


</body>

Ta bem explicado, e eu estou tentando conforme o exemplo:

<!-- link do jquery -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"> </script>
	
	<!-- link para o plugin de mascara -->
	<script type="text/javascript" src="js/jquery.maskedinput-1.2.2.min.js"> </script>

<!-- mascara em jqueri -->
<script type="text/javascript">
		$(function(){
			//recebera s?mente numeros
			$('#telefone').mask('(99) 9999-9999');
			
			//recebera somente numeros com a respectiva regra
			$('#cpf').mask('999.999.999-99');
			$('#cep').mask('99999-999');
			//recebera s?mente letras max 8 digitos
			$('#nome').mask('aaaaaaaa');
			
			//recebera letras e numeros e no maximo 8 digitos			
			$('#apelido').mask('********');
		});
	</script>
</head>

<?php echo tep_draw_input_field('telephone','',' id="telefone" size="17"  style="border: 1px solid; border-radius: 5px; font-family: Arial,Times New Roman,sans-serif; font-size: 12pt; color: #778899"') . ' ' . (tep_not_null(ENTRY_TELEPHONE_NUMBER_TEXT) ? '<span class="inputRequirement">' . ENTRY_TELEPHONE_NUMBER_TEXT . '</span>': ''); ?>

Parece simples,mas eu não tenho a minima idéia do que eu estou fazendo errado,

 

Obrigado se alguem puder ajudar. 8)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o que está acontecendo de errado ?

aparece algo no console de erros ? Ctrl + Shift + J no Firefox.

Compartilhar este post

Link para o post
Compartilhar em outros sites

MarcDu    1

MarcDu
Postado

Muito obrigado pelo help e parabéns por todos os artigos que eu vi na web,

 

  1. Apareceu só esta mensagem de erro: ReferenceError: gBrowser is not defined

Obrigado,

Compartilhar este post

Link para o post
Compartilhar em outros sites

MarcDu    1

MarcDu
Postado

Muito obrigado WictorP,

 

Eu testei, a sua indicação funciona bem, mas eu ainda estou tentando resolver a primeira, porque tem 2 coisas legais, quando o cliente clica no campo aparece a formatação, e no campo celular tem a formatação pra 8 ou 9 digitos,

 

Mesmo assim, agradeço a ajuda,

 

Bom final de semana.

Compartilhar este post

Link para o post
Compartilhar em outros sites

MarcDu    1

MarcDu
Postado

A que eu estou tentando instalar em jquery, quando clica no campo mostra a formatação, além de servir para telefone e celular com 8 ou 9 digitos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

O código que você "achou" é um plugin jQuery denominado "Maskedinput".
Você pode personalizar as máscaras dos campos e no seu caso fazer com que o campo telefone
aceite 8 ou 9 números.

Leia a documentação do plugin em: http://digitalbush.com/projects/masked-input-plugin/

Compartilhar este post

Link para o post
Compartilhar em outros sites

MarcDu    1

MarcDu
Postado

Oi,

 

Pode ser útil pra mais alguém, no meu caso tinha 2 chamadas para

 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.m.......

 

Uma tava no header e outro no create_account

 

E isto impedia que aparecesse a formatação nos campos.

Compartilhar este post

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

Informação importante

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

  Aceito