首页 > 资源分享 > WordPress实现最后输入的字符明文显示登录密码框明文显示最后一个输入的字符
2018
12-30

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

免费支持本站

在通常情况下,网页的设计者们会将密码输入框中的所有字符隐藏成黑点,以防止有人在背后偷窥输入的密码。

这种密码输入模式虽然减少了被偷窥的危险,但是给我们的密码输入带来了很多麻烦,因为我们不知道到底输入了什么字符,所以经常导致输错密码的情况,浪费了很多时间。

可能你也已经注意到,现在智能手机的很多应用/输入法中,使用了这样一种密码框处理方式:对用户在密码框中输入的最后一个字符,会先让它显示1-2秒钟,然后再隐藏,这样可以让用户知道刚刚输入了什么字符,减少了输错的可能性,同时兼具防偷窥功能。如下:

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

那这种功能该怎么实现呢?

1、添加js

点此下载需要用到的js(2kb),将此js文件上传到当前使用wordpress主题根目录下的js文件夹中。

2、添加php代码

在wordpress后台编辑functions.php函数文件,在最后面?>标签前添加以下代码:

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' );

路由器交流群

支付宝打赏微信打赏