Cargando...
Feedback

Mejora en el Masked Input Plugin de jQuery

 

Seguro que muchos de ya conocéis este genial plugin (Masked Input Plugin de Josh Bush) para facilitar la entrada de datos en formularios asignándoles una máscara que facilite la introducción de datos estructurados.

El plugin funciona realmente bien, pero creemos que tenía una carencia muy importante para algunos tipos de datos, en concreto para introducir fechas. La eterna duda sobre qué valor hay poner delante, si el mes o el día, en función del idioma y del lugar en que te encuentres. Para solucionarlo hemos modificado ligeramente el plugin para que acepte un "placeholder" de más de un carácter y que será el que se muestre durante la edición del input mientras no se haya completado.

Con esta modificación el único cambio sobre el plugin es que acepta valores de más de un caracter en su parámetro de configuración "placeholder":

    $("#date").mask("99/99/9999", {placeholder: 'dd/mm/yyyy'});

Aquí podéis ver un ejemplo de uso completo.

Plugin original: http://digitalbush.com/projects/masked-input-plugin/

Plugin modificado (src): jquery.maskedinput-1.2.2-co.js

Plugin modificado (min): jquery.maskedinput-1.2.2-co.min.js

4 comentarios

Genial su modificación, pero hay una que se le escapó y que es otra carencia que este gran plugin tiene que es con el ingreso de direcciones de e-mail.
Ricardo Avalos 10.12.2010 | 15:43
Gracias!!

No creo que para los mails sea tan sencillo, ya que los mails no tienen unas longitudes conocidas a priori, de forma que intentar aplicar la misma idea para un e-mail supondría modificar sustancialmente la forma en la que funciona el plugin.

¿Te animas a intentarlo tú Ricardo?
ramiro 10.12.2010 | 15:54
Ramiro,

Me devuelves una pelota que primero te había tirado a ti!!

Esto si que es chasco para mi!! jajajajajajajaja
Ricardo Avalos 10.12.2010 | 16:06
Definitely an improvement, considering all of the different date notation formats used all around the world (http://en.wikipedia.org/wiki/Date_notation_by_country)
UnUsability 16.05.2011 | 22:44
Déjanos tu comentario




o previsualizar
 
Conductiva • © 2007-2009 Todos los derechos reservados  • condiciones generales