首页 » WordPress » 让WordPress登录密码框明文显示最后一个输入的字符

让WordPress登录密码框明文显示最后一个输入的字符

 

在通常情况下,网页的设计者们会将密码输入框中的所有字符隐藏成黑点,以防止有人在背后偷窥输入的密码。
 
这种密码输入模式虽然减少了被偷窥的危险,但是给我们的密码输入带来了很多麻烦,因为我们不知道到底输入了什么字符,所以经常导致输错密码的情况,浪费了很多时间。
 
可能你也已经注意到,现在智能手机的很多应用/输入法中,使用了这样一种密码框处理方式:对用户在密码框中输入的最后一个字符,会先让它显示1-2秒钟,然后再隐藏,这样可以让用户知道刚刚输入了什么字符,减少了输错的可能性,同时兼具防偷窥功能。如下:
QQ截图20150309213646
 
那这种功能该怎么实现呢?
 
1、添加js
点此下载 需要用到的js(2kb),将此js文件上传到当前使用wordpress主题根目录下的js文件夹中。
 
2、添加php代码
在wordpress后台编辑functions.php函数文件,在最后面?>标签前添加以下代码:

1
2
3
4
function hmj_dPassword() {
    wp_enqueue_script( 'dPassword', get_template_directory_uri() . '/js/jQuery.dPassword.js', array(), '1.0', true );
}
 add_action( 'login_enqueue_scripts', 'hmj_dPassword' );

原文链接:让WordPress登录密码框明文显示最后一个输入的字符,转载请注明来源!

2