<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Máscaras Javascript em Campos de Formulário</title>
	<atom:link href="http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/feed/" rel="self" type="application/rss+xml" />
	<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/</link>
	<description>Tableless - Desenvolvimento inteligente com padrões web</description>
	<lastBuildDate>Wed, 23 May 2012 22:49:00 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
	<item>
		<title>By: Magic Designer -- Agência Web</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-139833</link>
		<dc:creator>Magic Designer -- Agência Web</dc:creator>
		<pubDate>Tue, 22 May 2012 00:59:00 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-139833</guid>
		<description>Rapaz, aprimorei aqui seu código com algo bem simples e muito bonito e funcional...Para quem quiser usar...
Dois arquivos...
############################################################
primeiro o enviar.php
&lt;?php//iremos declarar as variaveis que recebemos pelo método post//em alguns servidores nem precisamos declarar, depende do register_global=on ou =off// Criado por Magic Designer -- Agência Web www.magicdesigner.com.br//agora vamos enviar todos esses dados usando a função mailmail(&quot;marcelo@magicdesigner:disqus .com.br&quot;,&quot;$Ligar&quot;,&quot;Nome: $nomeFone: $foneMensagem: $mensagem&quot;,&quot;FROM:$nome&quot;);//agora vamos imprimir na tela o resultado ou a respostaecho &quot;&lt;b&gt;$nome&lt;/b&gt;, seu contato foi enviado com sucesso.Em breve Ligaremos para você.&quot;;echo &quot;Click &lt;a href=&quot;..&quot; rel=&quot;nofollow&quot;&gt;aqui&lt;/a&gt;para voltar!&quot;;?&gt; 
######################################################################
E agora nosso Form:
		 Nome: 		                Telefone: () -          
######################################################
Espero ter contribuído...
Qualquer coisa:
marcelo@magicdesigner.com.br</description>
		<content:encoded><![CDATA[<p>Rapaz, aprimorei aqui seu código com algo bem simples e muito bonito e funcional&#8230;Para quem quiser usar&#8230;<br />
Dois arquivos&#8230;<br />
############################################################<br />
primeiro o enviar.php<br />
&lt;?php//iremos declarar as variaveis que recebemos pelo método post//em alguns servidores nem precisamos declarar, depende do register_global=on ou =off// Criado por Magic Designer &#8212; Agência Web <a href="http://www.magicdesigner.com.br//agora" rel="nofollow">http://www.magicdesigner.com.br//agora</a> vamos enviar todos esses dados usando a função mailmail(&quot;marcelo@magicdesigner:disqus .com.br&quot;,&quot;$Ligar&quot;,&quot;Nome: $nomeFone: $foneMensagem: $mensagem&quot;,&quot;FROM:$nome&#8221;);//agora vamos imprimir na tela o resultado ou a respostaecho &#8220;<b>$nome</b>, seu contato foi enviado com sucesso.Em breve Ligaremos para você.&#8221;;echo &#8220;Click <a href=".." rel="nofollow">aqui</a>para voltar!&#8221;;?&gt; <br />
######################################################################<br />
E agora nosso Form:<br />
		 Nome: 		                Telefone: () -         <br />
######################################################<br />
Espero ter contribuído&#8230;<br />
Qualquer coisa:<br />
<a href="mailto:marcelo@magicdesigner.com.br">marcelo@magicdesigner.com.br</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peward</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-139189</link>
		<dc:creator>Peward</dc:creator>
		<pubDate>Mon, 05 Mar 2012 06:24:00 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-139189</guid>
		<description>Muito bacana. Obrigado! Apesar de muita gente não gostar de máscaras em formulários, tem muita gente que não segue a instrução do preenchimento: muita gente quer digitar ponto onde deveria ser traço e vice-versa. Sensacional para a organização dos dados. Estou quebrando a cabeça pra fazer uma máscara para nomes que permita a primeira letra caixa alta e o restante caixa baixa, a fim de evitar que a pessoa digite o nome só em caixa alta ou só em caixa baixa ou ainda misturando caixa alta e baixa. Fazer a função só com letras é fácil, mas do jeito que imaginei não tô conseguindo. Se puder dar uma força... Obrigado!</description>
		<content:encoded><![CDATA[<p>Muito bacana. Obrigado! Apesar de muita gente não gostar de máscaras em formulários, tem muita gente que não segue a instrução do preenchimento: muita gente quer digitar ponto onde deveria ser traço e vice-versa. Sensacional para a organização dos dados. Estou quebrando a cabeça pra fazer uma máscara para nomes que permita a primeira letra caixa alta e o restante caixa baixa, a fim de evitar que a pessoa digite o nome só em caixa alta ou só em caixa baixa ou ainda misturando caixa alta e baixa. Fazer a função só com letras é fácil, mas do jeito que imaginei não tô conseguindo. Se puder dar uma força&#8230; Obrigado!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ale</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-138506</link>
		<dc:creator>Ale</dc:creator>
		<pubDate>Thu, 10 Nov 2011 19:23:51 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-138506</guid>
		<description>O tutorial é simplesmente sensacional!!
Obrigada por compartilhar!!
Parabéns!!</description>
		<content:encoded><![CDATA[<p>O tutorial é simplesmente sensacional!!<br />
Obrigada por compartilhar!!<br />
Parabéns!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Marcio Silva</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-138502</link>
		<dc:creator>Marcio Silva</dc:creator>
		<pubDate>Wed, 09 Nov 2011 22:19:10 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-138502</guid>
		<description>Ajudou-me muito. Excelente publicação. Parabéns e sucesso.</description>
		<content:encoded><![CDATA[<p>Ajudou-me muito. Excelente publicação. Parabéns e sucesso.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: tiago</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-138376</link>
		<dc:creator>tiago</dc:creator>
		<pubDate>Mon, 17 Oct 2011 17:02:48 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-138376</guid>
		<description>o campo cep, mesmo tendo a função para não aceitar letras, esta aceitando. poderia me ajudar em descobrir qual seria o erro, se é q tem erro, obrigado</description>
		<content:encoded><![CDATA[<p>o campo cep, mesmo tendo a função para não aceitar letras, esta aceitando. poderia me ajudar em descobrir qual seria o erro, se é q tem erro, obrigado</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Beatriz Marks</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-138326</link>
		<dc:creator>Beatriz Marks</dc:creator>
		<pubDate>Mon, 03 Oct 2011 18:22:06 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-138326</guid>
		<description>Poxa, muito legal, mas faltou você postar como se coloca a barra das datas automaticamente.

Talvêz seja só mudar uma coisinha nos códigos, mas para mim que sou principiante ja quebrei a cabeça e nada deu certo. 

Mas as outras coisas todas funcionaram. Quando puderes posta um tuto de data!

Bjo</description>
		<content:encoded><![CDATA[<p>Poxa, muito legal, mas faltou você postar como se coloca a barra das datas automaticamente.</p>
<p>Talvêz seja só mudar uma coisinha nos códigos, mas para mim que sou principiante ja quebrei a cabeça e nada deu certo. </p>
<p>Mas as outras coisas todas funcionaram. Quando puderes posta um tuto de data!</p>
<p>Bjo</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Luciney Magalhães</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-138165</link>
		<dc:creator>Luciney Magalhães</dc:creator>
		<pubDate>Sun, 21 Aug 2011 08:09:45 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-138165</guid>
		<description>Me ajudou muito! 
Obrigado!!!</description>
		<content:encoded><![CDATA[<p>Me ajudou muito!<br />
Obrigado!!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: José Carlos</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-137887</link>
		<dc:creator>José Carlos</dc:creator>
		<pubDate>Sun, 12 Jun 2011 11:40:40 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-137887</guid>
		<description>Elcio, o link postado acima está apontando para uma página de erro no seu site. Há alguma forma deu encontrar esse post sobre máscaras em outro link? Obrigado.</description>
		<content:encoded><![CDATA[<p>Elcio, o link postado acima está apontando para uma página de erro no seu site. Há alguma forma deu encontrar esse post sobre máscaras em outro link? Obrigado.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Victor F</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-137782</link>
		<dc:creator>Victor F</dc:creator>
		<pubDate>Fri, 13 May 2011 17:26:54 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-137782</guid>
		<description>Olá, bacana o js hein!!!
Dei uma misturada com OO e JQuery, pra utilizar ficaria App.aplicarMascaras();, segue abaixo.

var App = {
		aplicarMascaras : function() {
			$(&quot;.numerico&quot;).each(function() {
				$(this).keypress(function() {
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_APENAS_NUMEROS);
				});
			});
			$(&quot;.telefone&quot;).each(function() {
				$(this).keypress(function() {
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_TELEFONE);
				});
			});
			$(&quot;.cpf&quot;).each(function() {
				$(this).keypress(function() {
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_CPF);
				});
			});
			$(&quot;.decimal&quot;).each(function() {
				$(this).keypress(function() {
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_DECIMAL);
				});
			});
			$(&quot;.data&quot;).each(function() {
				$(this).keypress(function() {
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_DATA);
				});
			});
			$(&quot;.cep&quot;).each(function() {
				$(this).keypress(function() {
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_CEP);
				});
			});
			$(&quot;.cnpj&quot;).each(function() {
				$(this).keypress(function() {
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_CNPJ);
				});
			});
		}
};
var MascaraUtils = {
	MASCARA_APENAS_NUMEROS : 1,
	MASCARA_TELEFONE : 2,
	MASCARA_CPF : 3,
	MASCARA_DECIMAL : 4,
	MASCARA_DATA : 5,
	MASCARA_CEP : 6,
	MASCARA_CNPJ : 7,
	fn : null,
	obj : null,
	mascara : function(o, f) {
		obj = o;
		switch (f) {
		case this.MASCARA_APENAS_NUMEROS:
			fn = this.mascaraSoNumeros;
			break;
		case this.MASCARA_TELEFONE:
			fn = this.mascaraTelefone;
			break;
		case this.MASCARA_CPF:
			fn = this.mascaraCpf;
			break;
		case this.MASCARA_DECIMAL:
			fn = this.mascaraDecimal;
			break;
		case this.MASCARA_DATA:
			fn = this.mascaraData;
			break;
		case this.MASCARA_CEP:
			fn = this.mascaraCep;
			break;
		case this.MASCARA_CNPJ:
			fn = this.mascaraCnpj;
			break;
		}
		setTimeout(&quot;MascaraUtils.execmascara()&quot;, 1);
	},
	execmascara : function() {
		obj.value = fn(obj.value);
	},
	mascaraSoNumeros : function(v) {
		return v.replace(/\D/g, &quot;&quot;);
	},
	mascaraTelefone : function(v) {
		v = v.replace(/\D/g, &quot;&quot;);
		v = v.replace(/^(\d\d)(\d)/g, &quot;($1) $2&quot;);
		v = v.replace(/(\d{4})(\d)/, &quot;$1-$2&quot;);
		return v;
	},
	mascaraCpf : function(v) {
		v = v.replace(/\D/g, &quot;&quot;);
		v = v.replace(/(\d{3})(\d)/, &quot;$1.$2&quot;);
		v = v.replace(/(\d{3})(\d)/, &quot;$1.$2&quot;);
		v = v.replace(/(\d{3})(\d{1,2})$/, &quot;$1-$2&quot;);
		return v;
	},
	mascaraDecimal : function(v) {
		var splitext = v.split(&quot;&quot;);
		var revertext = splitext.reverse();
		var v2 = revertext.join(&quot;&quot;);
		v2 = v2.replace(/\D/g, &quot;&quot;);
		v2 = v2.replace(/(\d{2})(\d)/, &quot;$1,$2&quot;);
		v2 = v2.replace(/(\d{3})(\d)/, &quot;$1.$2&quot;);
		v2 = v2.replace(/(\d{3})(\d)/, &quot;$1.$2&quot;);
		v2 = v2.replace(/(\d{3})(\d)/, &quot;$1.$2&quot;);
		splitext = v2.split(&quot;&quot;);
		revertext = splitext.reverse();
		v = revertext.join(&quot;&quot;);
		return v;
	},
	mascaraData : function(v) {
		v = v.replace(/\D/g, &quot;&quot;);
		v = v.replace(/(\d{2})(\d)/, &quot;$1/$2&quot;);
		v = v.replace(/(\d{2})(\d)/, &quot;$1/$2&quot;);
		return v;
	},
	mascaraCep : function(v) {
		v = v.replace(/\D/g, &quot;&quot;);
		v = v.replace(/^(\d{5})(\d)/, &quot;$1-$2&quot;);
		return v;
	},
	mascaraCnpj : function(v) {
		v = v.replace(/\D/g, &quot;&quot;);
		v = v.replace(/^(\d{2})(\d)/, &quot;$1.$2&quot;);
		v = v.replace(/^(\d{2})\.(\d{3})(\d)/, &quot;$1.$2.$3&quot;);
		v = v.replace(/\.(\d{3})(\d)/, &quot;.$1/$2&quot;);
		v = v.replace(/(\d{4})(\d)/, &quot;$1-$2&quot;);
		return v;
	}
};

Abraço _o/</description>
		<content:encoded><![CDATA[<p>Olá, bacana o js hein!!!<br />
Dei uma misturada com OO e JQuery, pra utilizar ficaria App.aplicarMascaras();, segue abaixo.</p>
<p>var App = {<br />
		aplicarMascaras : function() {<br />
			$(&#8220;.numerico&#8221;).each(function() {<br />
				$(this).keypress(function() {<br />
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_APENAS_NUMEROS);<br />
				});<br />
			});<br />
			$(&#8220;.telefone&#8221;).each(function() {<br />
				$(this).keypress(function() {<br />
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_TELEFONE);<br />
				});<br />
			});<br />
			$(&#8220;.cpf&#8221;).each(function() {<br />
				$(this).keypress(function() {<br />
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_CPF);<br />
				});<br />
			});<br />
			$(&#8220;.decimal&#8221;).each(function() {<br />
				$(this).keypress(function() {<br />
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_DECIMAL);<br />
				});<br />
			});<br />
			$(&#8220;.data&#8221;).each(function() {<br />
				$(this).keypress(function() {<br />
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_DATA);<br />
				});<br />
			});<br />
			$(&#8220;.cep&#8221;).each(function() {<br />
				$(this).keypress(function() {<br />
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_CEP);<br />
				});<br />
			});<br />
			$(&#8220;.cnpj&#8221;).each(function() {<br />
				$(this).keypress(function() {<br />
					MascaraUtils.mascara(this, MascaraUtils.MASCARA_CNPJ);<br />
				});<br />
			});<br />
		}<br />
};<br />
var MascaraUtils = {<br />
	MASCARA_APENAS_NUMEROS : 1,<br />
	MASCARA_TELEFONE : 2,<br />
	MASCARA_CPF : 3,<br />
	MASCARA_DECIMAL : 4,<br />
	MASCARA_DATA : 5,<br />
	MASCARA_CEP : 6,<br />
	MASCARA_CNPJ : 7,<br />
	fn : null,<br />
	obj : null,<br />
	mascara : function(o, f) {<br />
		obj = o;<br />
		switch (f) {<br />
		case this.MASCARA_APENAS_NUMEROS:<br />
			fn = this.mascaraSoNumeros;<br />
			break;<br />
		case this.MASCARA_TELEFONE:<br />
			fn = this.mascaraTelefone;<br />
			break;<br />
		case this.MASCARA_CPF:<br />
			fn = this.mascaraCpf;<br />
			break;<br />
		case this.MASCARA_DECIMAL:<br />
			fn = this.mascaraDecimal;<br />
			break;<br />
		case this.MASCARA_DATA:<br />
			fn = this.mascaraData;<br />
			break;<br />
		case this.MASCARA_CEP:<br />
			fn = this.mascaraCep;<br />
			break;<br />
		case this.MASCARA_CNPJ:<br />
			fn = this.mascaraCnpj;<br />
			break;<br />
		}<br />
		setTimeout(&#8220;MascaraUtils.execmascara()&#8221;, 1);<br />
	},<br />
	execmascara : function() {<br />
		obj.value = fn(obj.value);<br />
	},<br />
	mascaraSoNumeros : function(v) {<br />
		return v.replace(/\D/g, &#8220;&#8221;);<br />
	},<br />
	mascaraTelefone : function(v) {<br />
		v = v.replace(/\D/g, &#8220;&#8221;);<br />
		v = v.replace(/^(\d\d)(\d)/g, &#8220;($1) $2&#8243;);<br />
		v = v.replace(/(\d{4})(\d)/, &#8220;$1-$2&#8243;);<br />
		return v;<br />
	},<br />
	mascaraCpf : function(v) {<br />
		v = v.replace(/\D/g, &#8220;&#8221;);<br />
		v = v.replace(/(\d{3})(\d)/, &#8220;$1.$2&#8243;);<br />
		v = v.replace(/(\d{3})(\d)/, &#8220;$1.$2&#8243;);<br />
		v = v.replace(/(\d{3})(\d{1,2})$/, &#8220;$1-$2&#8243;);<br />
		return v;<br />
	},<br />
	mascaraDecimal : function(v) {<br />
		var splitext = v.split(&#8220;&#8221;);<br />
		var revertext = splitext.reverse();<br />
		var v2 = revertext.join(&#8220;&#8221;);<br />
		v2 = v2.replace(/\D/g, &#8220;&#8221;);<br />
		v2 = v2.replace(/(\d{2})(\d)/, &#8220;$1,$2&#8243;);<br />
		v2 = v2.replace(/(\d{3})(\d)/, &#8220;$1.$2&#8243;);<br />
		v2 = v2.replace(/(\d{3})(\d)/, &#8220;$1.$2&#8243;);<br />
		v2 = v2.replace(/(\d{3})(\d)/, &#8220;$1.$2&#8243;);<br />
		splitext = v2.split(&#8220;&#8221;);<br />
		revertext = splitext.reverse();<br />
		v = revertext.join(&#8220;&#8221;);<br />
		return v;<br />
	},<br />
	mascaraData : function(v) {<br />
		v = v.replace(/\D/g, &#8220;&#8221;);<br />
		v = v.replace(/(\d{2})(\d)/, &#8220;$1/$2&#8243;);<br />
		v = v.replace(/(\d{2})(\d)/, &#8220;$1/$2&#8243;);<br />
		return v;<br />
	},<br />
	mascaraCep : function(v) {<br />
		v = v.replace(/\D/g, &#8220;&#8221;);<br />
		v = v.replace(/^(\d{5})(\d)/, &#8220;$1-$2&#8243;);<br />
		return v;<br />
	},<br />
	mascaraCnpj : function(v) {<br />
		v = v.replace(/\D/g, &#8220;&#8221;);<br />
		v = v.replace(/^(\d{2})(\d)/, &#8220;$1.$2&#8243;);<br />
		v = v.replace(/^(\d{2})\.(\d{3})(\d)/, &#8220;$1.$2.$3&#8243;);<br />
		v = v.replace(/\.(\d{3})(\d)/, &#8220;.$1/$2&#8243;);<br />
		v = v.replace(/(\d{4})(\d)/, &#8220;$1-$2&#8243;);<br />
		return v;<br />
	}<br />
};</p>
<p>Abraço _o/</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Daniel Valente</title>
		<link>http://tableless.com.br/mascaras-javascript-em-campos-de-formulario/comment-page-2/#comment-137584</link>
		<dc:creator>Daniel Valente</dc:creator>
		<pubDate>Tue, 12 Apr 2011 03:29:05 +0000</pubDate>
		<guid isPermaLink="false">http://tableless.com.br/mascaras-javascript-em-campos-de-formulario#comment-137584</guid>
		<description>Obrigado!

Procurava uma solução mais simples que o jquery.maskedinput.js pra utilizar junto com o smarty3 e que validasse em todos os browsers.

Só tive que fazer algumas alterações nas funções em conflito (mesma id).

Abraço

DGV</description>
		<content:encoded><![CDATA[<p>Obrigado!</p>
<p>Procurava uma solução mais simples que o jquery.maskedinput.js pra utilizar junto com o smarty3 e que validasse em todos os browsers.</p>
<p>Só tive que fazer algumas alterações nas funções em conflito (mesma id).</p>
<p>Abraço</p>
<p>DGV</p>
]]></content:encoded>
	</item>
</channel>
</rss>

