香蕉成人伊视频在线观看|学生小视频国产区|yy女主播啪啪啪视频|麻豆传播媒体APP大全免费版官网|瑜伽牲交AV|国产欧美日韩在线天堂区|白浆精品国产91

Discuz! 官方交流社區(qū)

標(biāo)題: 不刪代碼干掉注冊(cè)密碼二次確認(rèn)文本框 [打印本頁]

作者: 9527 時(shí)間: 2023-12-7 11:51
標(biāo)題: 不刪代碼干掉注冊(cè)密碼二次確認(rèn)文本框
本帖最后由 9527 于 2023-12-7 11:51 編輯

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

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

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

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

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

// 監(jiān)聽第一個(gè)密碼框的輸入事件
passwordInputs[0].addEventListener('input', function() {
   // 將第一個(gè)密碼框的值同步到第二個(gè)密碼框
   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 時(shí)間: 2023-12-8 09:15
(, 下載次數(shù): 110) (, 下載次數(shù): 130)

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

作者: ysx24 時(shí)間: 2023-12-10 11:46
好東西，不錯(cuò)

作者: 文強(qiáng) 時(shí)間: 2023-12-10 12:18
這個(gè)的確不錯(cuò)

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

作者: E.Kun 時(shí)間: 2023-12-28 19:08
這個(gè)好~！

作者: s77 時(shí)間: 2023-12-31 01:50
學(xué)習(xí)一下

作者: 小巔峰 時(shí)間: 2024-7-8 22:56
666666666666666666666

作者: 小巔峰 時(shí)間: 2024-7-11 12:31
66666666666666

作者: 與知 時(shí)間: 2024-11-13 03:16
回復(fù)看看

作者: gygy101 時(shí)間: 2025-1-24 19:47
11111111111111

作者: 風(fēng)吹故人香 時(shí)間: 2025-6-19 06:16
碼干掉注冊(cè)密碼二次確認(rèn)

作者: 青春丶如同奔流的江河の 時(shí)間: 2026-1-3 14:15
頂樓主啦..希望樓主多發(fā)精品好帖啦.....

歡迎光臨 Discuz! 官方交流社區(qū) (http://m.yu-jie.cn/)

<acronym id="ds7cm"></acronym>