パスワード入力遅延マスク

1793 ワード

これはiPhoneやandroidなどの携帯電話のようなパスワード入力体験で、ユーザーがパスワードを入力する際に、ユーザーの入力を明文で短時間遅延マスクすることができ、主にjQueryのプラグイン:dpasswordを使用しています.
 
<form action="#">
    <label for="password">Password:</label>
    <input type="password" name="password" id="password" value="" />
    <input type="submit" name="submit" value="show password" id="submit" onclick="alert('fieldname: ' + $('#password').attr('name') + '
password value: '+ $('#password').val()); return false;"/> </form> <p>and another password field:</p> <form action="#"> <label for="password2">Password:</label> <input type="password" name="password2" id="password2" value="" /> <input type="submit" name="submit2" value="show password" id="submit2" onclick="alert('fieldname: ' + $('#password2').attr('name') + '
password value: '+ $('#password2').val()); return false;"/> </form> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="lib/jQuery.dPassword.js"></script> <script type="text/javascript"> $(document).ready( function() { $('input:password').dPassword(); }); </script>