Odkrywanie i ukrywanie hasła
Do funkcji dołączamy skypt showPass.js lub cała funkcje z tego pliku.
$.fn.showPass = function(klikBox) {
var pole = $(this);
var attrCheck = pole.attr('type');
setInterval(function() {
attrCheck = pole.attr('type');
}, 100);
$(klikBox).click(function() {
if (attrCheck=="password") {
pole.prop('type','text');
} else
{
pole.prop('type','password');
}
}); // end click
};
Wywołujemy funkcje showPass(), podając ID lub klase inputa z hasłem oraz box po kliknięciu na który ma się odkryć/chować hasło:
$('#input_z_haslem').showPass('.kilkalny_box');
Gdy podamy ID – haslo będzie odkrywane tylko w pierwszym inpucie o tym ID (mimo że może być ich kilka).
HTML
<input type="password" id="pass">
<p class="pokaz_haslo">Pokaz hasło</p>
JQUERY
$('#pass').showPass('.pokaz_haslo');
Gdy podamy klase – hasło będzie odkrywane we wszystkich inputach o tej klasie.
HTML
<input type="password" id="pass" class="pass" value="test"/>
<input type="password" id="pass" class="pass" value="test"/>
<input type="password" id="pass" class="pass" value="test"/>
<button class="pokaz_haslo2">Pokaz haslo</button>
JQUERY
$('.pass').showPass('.pokaz_haslo2');
Demo
Pokaz hasło
