本篇內(nèi)容介紹了“WordPress用戶登錄框密碼的隱藏與部分顯示的方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站與策劃設(shè)計(jì),廣州網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:廣州等地區(qū)。廣州做網(wǎng)站價(jià)格咨詢:028-86922220

讓W(xué)ordPress登錄頁(yè)的密碼框顯示最后一個(gè)輸入的字符
在通常情況下，網(wǎng)頁(yè)的設(shè)計(jì)者們會(huì)將密碼輸入框中的所有字符隱藏成黑點(diǎn)，以防止有人在背后偷窺輸入的密碼，如：

這種密碼輸入模式雖然減少了被偷窺的危險(xiǎn)，但是給我們的密碼輸入帶來(lái)了很多麻煩，因?yàn)槲覀儾恢赖降纵斎肓耸裁醋址?，所以?jīng)常導(dǎo)致輸錯(cuò)密碼的情況，浪費(fèi)了很多時(shí)間。

可能你也已經(jīng)注意到，現(xiàn)在智能手機(jī)的很多應(yīng)用中，使用了這樣一種密碼框處理方式：對(duì)用戶在密碼框中輸入的最后一個(gè)字符，會(huì)先讓它顯示2-3秒鐘，然后再隱藏，這樣可以讓用戶知道剛剛輸入了什么字符，減少了輸錯(cuò)的可能性，同時(shí)兼具防偷窺功能。如：

今天，我將給大家介紹，在WordPress中如何實(shí)現(xiàn)這個(gè)的功能，步驟非常簡(jiǎn)單。

1、添加js
點(diǎn)此下載 需要用到的js，將此js文件放到當(dāng)前使用主題的根目錄下。

2、添加php代碼
用文本編輯器打開當(dāng)前主題的functions.php，添加以下php代碼：

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

好了，這個(gè)功能就添加成功了，就這么簡(jiǎn)單。

補(bǔ)充說(shuō)明
1、如果你要將js文件放在當(dāng)前主題的js目錄，那你需要將php代碼第2行中的 /jQuery.dPassword.js 改成 /js/jQuery.dPassword.js
2、此功能在輸入密碼時(shí)，只能在最后輸入或刪除字符，已經(jīng)被隱藏成黑點(diǎn)的密碼中間不能添加或刪除字符。

讓W(xué)ordPress登錄框顯示/隱藏輸入的密碼
這可以讓用戶知道剛剛輸入了什么字符，減少了輸錯(cuò)密碼的可能性，同時(shí)兼具防偷窺功能。

現(xiàn)在，我們還有另外一種選擇，直接讓用戶自行根據(jù)需要選擇是全部隱藏輸入的密碼，還是全部顯示輸入的密碼。在全部顯示密碼框的內(nèi)容時(shí)，用戶輸錯(cuò)的可能性就大大降低，這也是微軟推薦的一種密碼框處理方式。效果如下：

全部隱藏密碼，點(diǎn)擊密碼框右邊的眼睛圖標(biāo)可以顯示密碼

全部顯示密碼，點(diǎn)擊密碼框右邊的鎖頭圖標(biāo)可以隱藏密碼

1、添加js

點(diǎn)此下載 需要用到的js，將此js文件放到當(dāng)前使用主題的根目錄下。

2、添加php代碼

function ludou_prevue() {
  wp_enqueue_script("jquery");
  wp_enqueue_script( 'prevue', get_template_directory_uri() . '/jquery.prevue.min.js', array(), '1.0', true );
?>

  .prevue-icon-eye:before { content: "\f177"; }
  .prevue-icon-eye-off:before { content: "\f160"; }

好了，大功造成！

補(bǔ)充說(shuō)明

1、如果你要將js文件放在當(dāng)前主題的js目錄，那你需要將php代碼第3行中的 /jquery.prevue.min.js 改成 /js/jquery.prevue.min.js
2、此功能需要1.9.0以上版本的jQuery支持。

“WordPress用戶登錄框密碼的隱藏與部分顯示的方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

文章標(biāo)題：WordPress用戶登錄框密碼的隱藏與部分顯示的方法-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/jphoi.html