[MEIO-OFF] Mascara em JavaScript
Daniel Freire
Seria o usuario ir digitando os numeros e ele ir inserindo as barras e pontos nos lugares certo. Alguem tem isso?
[]'s
--
==
Daniel C. Freire
ICQ: 57596276
MSN: absynt...@hotmail.com
Carlos Junior
*************************************************************
LISTA PHP
http://groups.google.com.br/group/listaphp
*************************************************************
LISTA AJAX
http://groups.google.com.br/group/ajax-brasil
*************************************************************
LISTA WEBSTANDARDS
http://groups.google.com.br/group/lista-webstandards
*************************************************************
REVISTA PHP
WWW.REVISTAPHP.COM.BR
Wellington Rodrigues
Usei hoje.
http://lib.seven.com.br/ampliar.asp?codcat=&codartigo=733
Grande Abraço,
Wellington Rodrigues
+-------------------------------+
| http://desenvolvendosites.com |
+-------------------------------+
Daniel Freire escreveu:
> Pessoal, desculpe o incomodo, mas eh q estou procurando e ate hj naum
> achei... alguem sabe onde posso encontrar um codigo, de preferencia
> comentado, sobre como inserir mascaras em campos text para a entrada de CNPJ
> e CPF? Acredito q a logica seja a mesma, mas naum consigo aprender JS nem
> fu...
>
> Seria o usuario ir digitando os numeros e ele ir inserindo as barras e
> pontos nos lugares certo. Alguem tem isso?
>
> []'s
>
>
>
> ------------------------------------------------------------------------
>
> No virus found in this incoming message.
> Checked by AVG Free Edition.
> Version: 7.1.409 / Virus Database: 268.14.0/525 - Release Date: 9/11/2006
_______________________________________________________
Novidade no Yahoo! Mail: receba alertas de novas mensagens no seu celular. Registre seu aparelho agora!
http://br.mobile.yahoo.com/mailalertas/
Daniel Freire
[]'s ae galera
Wellington Rodrigues
Se precisar, só gritar.
Inté 2ª.
Grande Abraço,
_______________________________________________________
O Yahoo! está de cara nova. Venha conferir!
http://br.yahoo.com
Ronaldo Fonseca Junior
Ela funciona perfeitamente bem (realmente gostei) mas não dá a possibilidade de voltar no caso do usuário errar a digitação...
Tentem usar o back do teclado...
[]´s
Ronaldo
Daniel Freire escreveu:
Caio Mancini
--
Caio Marcelo S. Mancini
MSN: kaiou...@yahoo.com.br
Skype: CaioMalkavianos
GTalk: caio.mancini
ICQ: 177165688
http://caiomancini.blogspot.com
"A mente é como pára-quedas, só é útil quando está aberta."
Wellington Rodrigues
Bom galera, javascript nunca foi meu forte mas indo para o lado 'logica'
da coisa seria mais ou menos.
- Capturar o objeto do formulario
- Recuperar o evento do cliente digitar o campo
- para cada letra que foi digitada, identificar a posição e comparar com
valor da mascara (assim vc pode ou não validar e formatar denovo o objeto)
Herrar é humano! Se errei, me corrijam por favor.
Grande Abraço,
Wellington Rodrigues
+-------------------------------+
| http://desenvolvendosites.com |
+-------------------------------+
Caio Mancini escreveu:
Daniel Freire
Somente um comentário sobre esta máscara...
Ney Estrabelli
function formatar(src, mask)
{
var tipoCampo = '';
if (mask == 'cpf') {
mask = '###.###.###-##';
tipoCampo = 'cpf';
} else if ( mask == 'cnpj') {
mask = '##.###.###/####-##';
tipoCampo = 'cnpj';
} else if ( mask == 'cep') {
mask = '#####-###';
tipoCampo = 'cep';
} else if (mask == 'data') {
mask = '##/##/##';
}
var i = src.value.length;
var saida = mask.substring(0,1);
var texto = mask.substring(i)
if (texto.substring(0,1) != saida) {
src.value += texto.substring(0,1);
}
}
Ney Estrabelli
Ney Estrabelli
tipo:
<input type="text" id="cpf" name="cpf" onkeyup="formatar(this,cpf);" />
Ney Estrabelli
Daniel Freire
[]'s
Keynes
Fico feliz em saber que procura algo no qual posso lhe ajudar com meu
framework...
por favor nao leve em consideração o layout afinal ainda nao arrumei
por completo, mas faça o seguinte acesso o site:
http://keynes.elitgroup.com.br/ e veja se lhe ajuda ;)
Abraços
Keynes
Daniel Freire escreveu:
> ------=_Part_40940_15519712.1163095737143
> Content-Type: text/html; charset=ISO-8859-1
> X-Google-AttachSize: 576
>
> Pessoal, desculpe o incomodo, mas eh q estou procurando e ate hj naum achei... alguem sabe onde posso encontrar um codigo, de preferencia comentado, sobre como inserir mascaras em campos text para a entrada de CNPJ e CPF? Acredito q a logica seja a mesma, mas naum consigo aprender JS nem fu...
> <br><br>Seria o usuario ir digitando os numeros e ele ir inserindo as barras e pontos nos lugares certo. Alguem tem isso?<br><br>[]'s<br clear="all"><br>-- <br>==<br>Daniel C. Freire<br>ICQ: 57596276<br>MSN: <a href="mailto:absynt...@hotmail.com">
> absynt...@hotmail.com</a>
>
> ------=_Part_40940_15519712.1163095737143--
Paulo Souza
Pelo visto com certeza o framework resolve o problema do nosso amigo Daniel e ajuda muitos aqui no desenvolvimento do dia-a-dia.
Parabéns!
Keynes
vida que esta muito corrida, terminando faculdade, recebendo proposta
de trabalho em outra cidade e tambem recebi uma proposta do Carlos da
revistaphp para ser um colunista... Meu objetivo em breve é colocar o
framework aberto para a comunidade ajudar a desenvolver... Esse foi o
meu trabalho de conclusão de curso como eu havia dito.
Vou criar um site, em breve, que facilite a comunidade ajudar a
desenvolver o framework, o objetivo que tenho com o framework é um
tanto quanto ousado.
Paulo Souza
Eu acho extremamente interessante a integração do pessoal com tudo isso e entrego aqui o meu maior apoio moral e profissional para isso.
Sucesso!
p.s: já estou usando o framework integrado com a minha library ajax. :D
Daniel Freire
Wellington Rodrigues
Particularmente eu gostei pra karamba.
Vou add aqui.
Grande Abraço,
Wellington Rodrigues
+-------------------------------+
| http://desenvolvendosites.com |
+-------------------------------+
Keynes escreveu:
_______________________________________________________
Yahoo! Acesso Grátis - Internet rápida e grátis. Instale
o discador agora!
http://br.acesso.yahoo.com
Ítalo Barboza
Estou aderindo a ele.
Novamente, parabéns!
--
Ítalo Santana Barboza
MSN/Gtalk: italob...@gmail.com
Contato: +55(81)8764-4973
Paulo Souza
Será que eu esqueci alguma coisa???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
< title>Fale Conosco</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src= "http://keynes.elitgroup.com.br/kfn_web.js" type="text/javascript" ></script>
</head>
<body>
<form method ="post" action="contato.php?acao=envio" name= "form">
<input type="hidden" value= "pepe...@gmail.com" name="txtpara">
<table id="geral" border="0" cellspacing ="0" cellpadding="2">
<tr>
<td colspan="2"><h2>Fale Conosco </
h2></td>
</tr>
<tr>
<td width
="75">Seu nome : </td>
<
td><input type="text" name="txtnome"
kfn:required="true"></td>
</tr>
<
tr>
<td>Seu e-mail : </td>
< td><input type="text" name= "txtmail" kfn:validFiel="email" kfn:message="Email invalido!" ></td>
</tr>
<tr>
<td>Assunto : </ td>
<td><input type= "text" name="txtassunto" kfn:required="true" ></td>
</tr>
<tr>
<td valign ="top">Mensagem : </td>
< td><textarea name="txtmsg" kfn:required ="true"></textarea></td>
</tr>
< tr>
<td> </td>
<td>
< a href="javascript:void(0)" onClick="javascript:document.form.submit ()">Enviar</a> - <a href="javascript:void(0)" onClick="javascript:document.form.reset()">Limpar tudo</a>
</td>
</tr>
</table>
</form>
</body>
</html >
p.s.: o seu site está fora do ar...
Lucas Schirm
--
----------------------------------------------------------------------------
Lucas Schirm Caixeta *Falkor*
MSN - falkor...@gmail.com
Pirating for life
----------------------------------------------------------------------------
Daniel Freire
Caio Mancini
Paulo Souza
Aí eu chego na lista de JS e a galera vai poder dizer para não citar o PHP???
Bem doido isso...
Lucas Schirm
Uma coisa não influencia na outra, caso seja um problema de Ajax relacionado ao PHP entre em contato conosco, caso seja um problema de JS pode ser melhor tratado em uma lista de JS, Off-topic's podem ser tratados sim, porém com moderação e dúvidas simples relacionadas a outras tecnologias, foquem em PHP.
Keynes
Acredito que nao tenha problema fazer isso desde que o topico seja bem claro que é de JS, afinal JS e PHP são casados ;)
Agora respondendo a sua pergunda Paulo, pelo fato de voce ter colocado o link para o frame realmente nao irá funcionar pois o site esta fora... por isso mesmo que eu deixei opcional de colocar no site e fazer o download.
E outro detalhe, eu nao tinha a visão que voce teve:
<a href="javascript:void(0)" onClick="javascript:document.form.submit()">Enviar</a> -
<input type="submit" value="Enviar">
Vou verificar isso
quanto a outros detalhes (faltou a letra D)...
<td><input type="text" name="txtmail" kfn:validFiel="email" kfn:message="Email invalido!"></td>
desculpe a demora e o transtorno com o site, estou anexando um email e lhe enviando direto
by Keynes
Paulo Souza
obrigadão Keynes!
vou tentar de novo...se der pau, peço um help novamente...
Fábio Reis
da erro
----- Original Message -----
From: "Wellington Rodrigues" <ursol...@yahoo.com.br>
To: <list...@googlegroups.com>
Sent: Thursday, November 09, 2006 3:15 PM
Subject: [ PHP - Google ] Re: [MEIO-OFF] Mascara em JavaScript
Brother
Usei hoje.
http://lib.seven.com.br/ampliar.asp?codcat=&codartigo=733
Grande Abraço,
Wellington Rodrigues
+-------------------------------+
| http://desenvolvendosites.com |
+-------------------------------+
Daniel Freire escreveu:
> Pessoal, desculpe o incomodo, mas eh q estou procurando e ate hj naum
> achei... alguem sabe onde posso encontrar um codigo, de preferencia
> comentado, sobre como inserir mascaras em campos text para a entrada de
> CNPJ
> e CPF? Acredito q a logica seja a mesma, mas naum consigo aprender JS nem
> fu...
>
> Seria o usuario ir digitando os numeros e ele ir inserindo as barras e
> pontos nos lugares certo. Alguem tem isso?
>
> []'s
>
>
>
Keynes
by Keynes
--
by Keynes
Daniel Freire
Keynes
e por ai vai...
Gustavo Soares
pra telefone nao da...
veja com 4 digitos.:
### - #### - #### >> 034 - 1234 - 0000
agora com 3 digitos:
### - #### - #### >> 034 - 1230 - 000
pra telefone eu prefiro nao usar mascara
a nao ser para o DDD, ex:
veja com 4 digitos.:
### - ######## >> 034 - 12340000
agora com 3 digitos:
### - ######## >> 034 - 1230000
Gustavo Soares
Gerente de Tecnologia
inMedia Host - Alta Tecnologia e Infra-estrutura para o seu site!
MSN: gusta...@pop.com.br
GTalk: euusolinux
Fone: [34] 9197-5735 - Uberlandia-MG
** Pra que usar janela se existe a porta? Abra a cabeça, use Linux ! **
Keynes
Gustavo Soares
O que eu estou dizendo que a formatação com a mascara pra telefone, nao vai funcionar se voce tiver telefones com 3 ou 4 digitos depois do DDD, veja os exemplos do email anterior.
Keynes
Gustavo Soares
existem telefones assim: 000-XXXX-0000 e assim: 000-XXX-0000 *Observe 3X e 4X
estou dizendo que a mascara ficara errada se voce colocar ###-####-#### e digitar um telefone com 3X, entendeu agora?
nao estou dizendo nada em relacao a limite, isso eh independente, eu sei que se eu nao limitar o campo o usuario pode digitar varios caracteres a mais.
Gustavo.
Paulo Marques
porque não cria 2 inputs [cód area] - [telefone] ?
<input type='text' maxlength='3' name='telefone_cod_area' size='4'>
-
<input type='text' maxlength='10' name='telefone' size='8'>
Depois você concatena no php
<?
$telefone = '('.$_REQUEST['telefone_cod_area'].')'. $_REQUEST['telefone'];
?>
entendeu ?
Atenciosamente,
Paulo S. M. Marques
Analista de Sistemas
Msn/Gtalk: psma...@gmail.com
Tel: 27 9279-0800
Web: http://www.curriculum.com.br/ucn/psmarques
Daniel Freire
MASCARA:
(##) ####-####
E entrasse com o numero: (61) 332-1520 ficaria assim:
(61) 3321-520 e não (61) 332-1520 que eh o correto, sacou?
Nesse caso eu to deixando sem mascara para o tel mesmo.
[]'s a todos!
Gustavo Soares
nao estou falando do DDD, leia os emails anteriores pra entender.
Gustavo Soares
valeu pela ajuda, acho que agora vao entender, hehehe
Daniel Freire
Lucas Schirm
o cara até desenhou galera... ajuda ai
Gustavo Soares
Daniel Freire
Keynes
Ai vem uma questão, realmente faz sentido o que voce disse, a forma "certa" de usar seria deixar com os #### quatro e dar um espaço no primeiro... porem o usuario num vai pensar nisso... e como nos somos programadores nao sabemos antes dele digitar quantos caracteres terão 3 ou 4 ;)
Solução:
:( nao tem
Conclusão: O componente de mascara so poderá em caso de informação padronizada. Ex. CPF, CNPJ, IE (nao lembro de mais nenhum)
by Keynes
Lucas Schirm
Ligarmos todos, revoltados, loucos e chingando para a Anatel e pedindo uma solução para isso!
Enquanto isso... POG!
Daniel Freire
Mas acho q vou tirar isso, pq a galera tah puta de ficar dando ok, pelo visto.
[]'s galera...
FabioReis
miseráveis (##)!!!! ah! fala sério! rsrsrsrs
mas o bug ainda continua até onde sei....
abraço
fabio
Daniel Freire escreveu:
> ------=_Part_40579_8511616.1164886263016
> Content-Type: text/html; charset=ISO-8859-1
> Content-Transfer-Encoding: quoted-printable
> X-Google-AttachSize: 2834
>
> talvez o script em JS que nosso amigo sugeriu possa ser uma solucao, mas ainda to deixando esse campo sem mascara...acho fodah colocar alguma mascara num dado 'dinâmico', fui implementar e tive esse problema. O lance foi colocar um alert qdo o usuario clica no input avisando ele pra naum esquecer do traco, heheheheheheehehehehehehheheheheheh
> <br><br>Mas acho q vou tirar isso, pq a galera tah puta de ficar dando ok, pelo visto.<br><br>[]'s galera...<br><br><div><span class="gmail_quote">2006/11/29, Lucas Schirm <<a href="mailto:falkor...@gmail.com">falkor...@gmail.com
> </a>>:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Solução:<br>Ligarmos todos, revoltados, loucos e chingando para a Anatel e pedindo uma solução para isso!
> <br><br>Enquanto isso... POG!<br><br><div><span class="q"><span class="gmail_quote">2006/11/29, Keynes <<a href="mailto:keyn...@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
> keyn...@gmail.com</a>>:</span></span><span class="q"><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">rsrsrs... depois de desenhado eu entendi ;)
> <br><br>Ai vem uma questão, realmente faz sentido o que voce disse, a forma "certa" de usar seria deixar com os #### quatro e dar um espaço no primeiro... porem o usuario num vai pensar nisso... e como nos somos programadores nao sabemos antes dele digitar quantos caracteres terão 3 ou 4 ;)
> <br><br>Solução:<br><br>:( nao tem<br><br>Conclusão: O componente de mascara so poderá em caso de informação padronizada. Ex. CPF, CNPJ, IE (nao lembro de mais nenhum)<br><br>by Keynes<div><span>
> <br>
> <br>
> <br>
> <br>
> </span></div></blockquote></span></div><br><br clear="all"><br>-- <span class="q"><br>----------------------------------------------------------------------------<br>Lucas Schirm Caixeta *Falkor*<br>MSN - <a href="mailto:falkor...@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
>
> falkor...@gmail.com</a><br> Pirating for life<br>----------------------------------------------------------------------------
> <br>
> <br>
> <br>
> </span></div></blockquote></div><br><br clear="all"><br>-- <br>==<br>Daniel C. Freire<br>ICQ: 57596276<br>MSN: <a href="mailto:absynt...@hotmail.com">absynt...@hotmail.com</a>
>
> ------=_Part_40579_8511616.1164886263016--
Lucas Schirm
Fábio Reis
----- Original Message -----From: Lucas SchirmSent: Thursday, November 30, 2006 3:02 PMSubject: [ PHP - Google ] Re: [MEIO-OFF] Mascara em JavaScript