久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 不刪代碼干掉注冊密碼二次確認文本框 [打印本頁]

作者: 9527 時間: 2023-12-7 11:51
標題: 不刪代碼干掉注冊密碼二次確認文本框
本帖最后由 9527 于 2023-12-7 11:51 編輯

簡化下注冊項目，干掉（隱藏）注冊密碼二次確認文本框。實際輸錯密碼的情況極少，萬一輸錯了還有密保郵箱不是，所以個人覺得可以省略哈
效果如圖：
(, 下載次數: 46)
用JS隱藏掉確認框并同步密碼輸入即可，順便加了個顯示密碼的切換按鈕，不方向輸入是否正確時可以點擊顯示，人性化設計有木有

DEMO：https://cn.admxn.com/member.php?mod=register

食用方法：
將下方JS代碼拷貝到你當前模板的注冊頁面模板文件register.htm底部即可，默認路徑是\template\default\member\register.htm

<script>
// 查找所有type為password的input元素
const passwordInputs = document.querySelectorAll('input[type="password"]');

// 找到第二個密碼框所在的div并將其隱藏
let parentDiv = passwordInputs[1].parentNode;
while (parentDiv.tagName !== 'DIV') {
   parentDiv = parentDiv.parentNode;
}
parentDiv.style.display = 'none';

// 監聽第一個密碼框的輸入事件
passwordInputs[0].addEventListener('input', function() {
   // 將第一個密碼框的值同步到第二個密碼框
   passwordInputs[1].value = passwordInputs[0].value;
});

// 顯示密碼
const buttonHtml = '<span id="showPasswordButton" class="fas fa-eye"></span>';
passwordInputs[0].insertAdjacentHTML('afterend', buttonHtml);

const showPasswordButton = document.getElementById('showPasswordButton');

let isPasswordVisible = false;

showPasswordButton.addEventListener('click', function() {
   isPasswordVisible = !isPasswordVisible;

   if (isPasswordVisible) {
      // 切換為文本類型，密碼可見
      passwordInputs[0].type = 'text';
      showPasswordButton.classList.remove('fa-eye');
      showPasswordButton.classList.add('fa-eye-slash');
   } else {
      // 切換回密碼類型，密碼隱藏
      passwordInputs[0].type = 'password';
      showPasswordButton.classList.remove('fa-eye-slash');
      showPasswordButton.classList.add('fa-eye');
   }
});
</script>

作者: 9527 時間: 2023-12-8 09:15
(, 下載次數: 33) (, 下載次數: 36)

作者: 海哥 時間: 2023-12-8 13:21
回帖留名

作者: ysx24 時間: 2023-12-10 11:46
好東西，不錯

作者: 文強 時間: 2023-12-10 12:18
這個的確不錯

作者: 9527 時間: 2023-12-12 17:15
// 選擇器改為查找id為registerform內的所有type為password的input元素，這樣更嚴謹，不然默認模板會選中頭部的登錄框
const passwordInputs = document.querySelectorAll('#registerform input[type="password"]');

作者: E.Kun 時間: 2023-12-28 19:08
這個好~！

作者: s77 時間: 2023-12-31 01:50
學習一下

作者: 小巔峰 時間: 2024-7-8 22:56
666666666666666666666

作者: 小巔峰 時間: 2024-7-11 12:31
66666666666666

作者: 與知 時間: 2024-11-13 03:16
回復看看

作者: gygy101 時間: 2025-1-24 19:47
11111111111111

作者: 風吹故人香 時間: 2025-6-19 06:16
碼干掉注冊密碼二次確認

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)