JQuery: Usando Máscaras en los input[type=text]

Las máscaras de texto limitan el contenido que puede ser entrado en una caja de texto y aplica formato al mismo tiempo al contenido.

El demo muestra una máscara que sólo permite incluir números seis números y dos números decimales.

El plugin usado para fectuar este demo es: http://digitalbush.com/projects/masked-input-plugin/

El código javascript para aplicar la máscara es sencillo:

$(function(){
  //Uamos la función para seleccionar nodos de jquery y usamos el plugin mask.
  $('#numero').mask('999999.99')​;
});

El formato de las máscara es sencillo:

• a Representa carácteres alfabéticos
• 9 Representa carácteres numéricos
• * Representa carácteres alfabéticos y numéricos

Es posible configurar un evento con este plugin que se activa cuando la entrada de los datos ha completado la máscara configurada para la caja de texto:

$(function(){
  //Uamos la función para seleccionar nodos de jquery y usamos el plugin mask.
  $('#numero').mask('999999.99', {completed: function(){ alert("Mascara completada, valor ingreado: " + this.val()); }})​;
});