Validador de Calidad de contraseñas

Nuevamente Luis Sacristán de Sentido Web al ataque. Ahora con este laboratorio donde nos muestra el código para mostrar la valoración de las contraseñas, para conocer la calidad de las mismas. No por haber escrito antes algo sobre Luis Sacristán quiere decir que soy una clase de fan o algo así. El motivo tan sólo es que escribe mucho código MooToorizable, como el caso de este indicador de calidad de contraseñas.

El código original estaba muy bueno, muy limpio... Aún así, creo que con el querido por todos (los que lo hemos usado) MooTools viene mucho mejor. La mejor parte creo que es cuando se maneja la parte del color.

antes de MooTools:

JavaScript:
  1. getColor: function(porc) {
  2.     var color = new Array();
  3.     var color1 = porc <50? __PASSWORD__.colorKO:__PASSWORD__.color50;
  4.     var color2 = porc <50? __PASSWORD__.color50:__PASSWORD__.colorOK;
  5.     color[0] = parseInt(color1[0]-((color1[0] -color2[0])*porc/100));
  6.     color[1] = parseInt(color1[1]-((color1[1] -color2[1])*porc/100));
  7.     color[2] = parseInt(color1[2]-((color1[2] -color2[2])*porc/100));
  8.    
  9.     return color;
  10.   }

y ya MooToorizado:

JavaScript:
  1. getColor: function(porc) {
  2.     return new Color(__PASSWORD__.colorKO).mix(__PASSWORD__.colorOK,porc);
  3.   },

El truco del indicador, es una imagen que funge como máscara para sólo permitir ver parte del background del control Input.

El ejemplito completo aquí....

2 Comments so far »

  1. aNieto2k said,

    Wrote on July 16, 2007 @ 9:42 pm

    Buenas, está muy currado, funciona perfectamente.

    Aunque una cosa, quizas deberías pensar en hacerlo más personalizable, osea que pudieras pasarle por parámetro el input que quieras "indicar" e incluso permitir hacerlo en varios.

    Creo que sería una mejora interesante.

    Muchas gracias por compartilo, es genial.

  2. Luis said,

    Wrote on July 16, 2007 @ 9:48 pm

    Gracias por comentar el post y por pasarlo a mootools, cuando me ponga con el mootools te hago un copy/paste descadaro :-)

    Saludos

Comment RSS · TrackBack URI

Leave a Comment

Name: (Required)

E-mail: (Required)

Website:

Comment:

últimos compilados

en el cajón

lo que no he podido escribir en twitter

los colegas