Viablog | TI e desenvolvimento de Software

jun/10

10

Utilizando máscaras com JQuery


Continuando a falar das facilidades de desenvolvimento trazidas com a JQuery, vou explicar como fazer de forma simplificada como fazer máscaras utilizando a JQuery. Observem o código abaixo:

jQuery.noConflict();
jQuery(function($){
	$("#cnpj").mask("99.999.999/9999-99");
	$("#cep").mask("99.999-999");
});

Perceberam a facilidade?

Funciona da seguinte forma:

A primeira linha tem a função de evitar conflitos com outros scripts JQuery ou JavaScript puro que você possa ter na sua página.

A segunda linha iniciamos a função na sintaxe do JQuery.

A terceira linha temos o ID do nosso elemento HTML que irá receber a mascara (no caso é um text) e em seguida definimos a máscara, sem nenhum segredo, sem códigos miraculosos.

Sem mais nada.

Simples e funcional em todos os browsers modernos.

Ofertas Submarino

Creating Web Pages with Html, Xhtml, and Xml
Creating Web Pages with Html, Xhtml, and Xml
 R$ 109,90 
Veja mais
Profissional Padrões de Projetos com CSS e HTML
Profissional Padrões de Projetos com CSS e HTML
 R$ 76,90 
Veja mais
Refatorando HTML
Refatorando HTML
 R$ 64,90 
Veja mais
Dominando o Essencial HTML 3.2.
Dominando o Essencial HTML 3.2.
 R$ 51,90 
Veja mais

Vitrine Submarino 3.4.1
[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Leia mais:

·

1 comentário

Deixe uma resposta

<<

>>

Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Arquivos

Theme Design by devolux.nh2.me