WordPress用户登录框密码的隐藏与部分显示技巧_php技巧_脚本之家

WordPress用户登录框密码的隐藏与部分显示技巧_php技巧_脚本之家。让WordPress登入页的密码框呈现最终三个输入的字符在常常状态下,网页的设计者们会将密码输入框中的具备字符隐蔽成黑点,避防止有人在暗自偷窥输入的密码,如:

这种密码输入情势就算收缩了被盗窥的安危,不过给我们的密码输入带来了重重辛勤,因为大家不明了到底输入了什么字符,所以平时引致输错密码的气象,浪费了大多小时。

莫不您也风流倜傥度注意到,以往智能手提式有线电话机的众多选用中,使用了那般黄金年代种密码框管理情势:对顾客在密码框中输入的最后一个字符,会先让它显得2-3分钟,然后再隐瞒,那样能够让客商领会刚刚输入了如何字符,减弱了输错的恐怕性,同一时间持有防偷窥功用。如:

明日,笔者将给我们介绍,在WordPress中哪些促成那些的功用,步骤比较轻巧。

1、增添js点此下载 要求使用的js,将此js文件放到当前利用宗旨的根目录下。

2、加多php代码用文件编辑器张开当前主旨的functions.php,加多以下php代码:

function ludou_dPassword() { wp_enqueue_script( 'dPassword', get_template_directory_uri() . '/jQuery.dPassword.js', array;}add_action( 'login_enqueue_scripts', 'ludou_dPassword' );

好了,那一个职能就增添立业成家了,就疑似此轻松。

抵补表达1、固然您要将js文件放在如今核心的js目录,这你必要将php代码第2行中的
/jQuery.dPassword.js 改成
/js/jQuery.dPassword.js2、此功用在输入密码时,只好在终极输入或删除字符,已经被隐敝成黑点的密码中间不能增添或删除字符。

让WordPress登入框突显/隐瞒输入的密码那能够让顾客领悟刚刚输入了怎么字符,收缩了输错密码的可能性,同期具备防偷窥效能。

近来,大家还应该有此外黄金时代种选用,直接让客户自行依照必要接收是总体东躲广东输入的密码,仍旧整个显得输入的密码。在全体来得密码框的内容时,客商输错的恐怕就大大减弱,那也是微软引进的风姿潇洒种密码框处理形式。效果如下:

全套掩没密码,点击密码框左边的眼眸Logo可以突显密码

全部展现密码,点击密码框侧面的锁头图标能够隐蔽密码

点此下载 须求运用的js,将此js文件放到当前接收核心的根目录下。

function ludou_prevue() { wp_enqueue_script; wp_enqueue_script( 'prevue', get_template_directory_uri() . '/jquery.prevue.min.js', array;?> .prevue-icon-eye:before { content: "f177"; } .prevue-icon-eye-off:before { content: "f160"; }

1、假如您要将js文件放在脚下大旨的js目录,那你必要将php代码第3行中的
/jquery.prevue.min.js 改成
/js/jquery.prevue.min.js2、此意义必要1.9.0以上版本的jQuery扶助。

发表评论

电子邮件地址不会被公开。 必填项已用*标注