JS獲得多個同name 的input輸入框的值的實(shí)現(xiàn)方法
更新時間：2017年01月09日 14:04:48 作者：小碼農(nóng)雯
這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)input密碼輸入框輸入密碼變黑點(diǎn)密文以及JS獲得多個同name 的input輸入框的值的實(shí)現(xiàn)方法，代碼簡單易懂，非常不錯，具有參考借鑒價(jià)值，需要的朋友參考下
先看下基于JS代碼實(shí)現(xiàn)input密碼輸入框輸入密碼變黑點(diǎn)密文。具體代碼如下所示：
html代碼
<form id="login-form" method="post" onsubmit="return checkForm()"> 輸入密碼<input type="password" id="input-password"> <input type="hidden" id="md5-password" name="password"> <button type="submit">Submit</button> </form>
js代碼
function checkForm() {
var input_pwd = document.getElementById('input-password');
var md5_pwd = document.getElementById('md5-password');
// 把用戶輸入的明文變?yōu)镸D5:
md5_pwd.value = toMD5(input_pwd.value);
// 繼續(xù)下一步:
return true;
}
補(bǔ)充：JS獲得多個同name 的input輸入框的值
起初是使用document.all.id.length獲得輸入框的個數(shù)，但時而正常，時而顯示undefined，效果不是很好，網(wǎng)上信息說document.all不是兼容所有瀏覽器的,現(xiàn)在似乎是只支持IE。
解決方法是如下：
var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}
以上所述是小編給大家介紹的JS代碼實(shí)現(xiàn)input密碼輸入框輸入密碼變黑點(diǎn)密文，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- JS驗(yàn)證input輸入框（字母，數(shù)字，符號，中文）
- vue.js 1.x與2.0中js實(shí)時監(jiān)聽input值的變化
- JS中input表單隱藏域及其使用方法
- js監(jiān)聽input輸入框值的實(shí)時變化實(shí)例
- JS文件上傳神器bootstrap fileinput詳解
- JS獲取input file絕對路徑的方法(推薦)
- JS通過正則限制 input 輸入框只能輸入整數(shù)、小數(shù)(金額或者現(xiàn)金) 兩位小數(shù)
- JavaScript獲取并更改input標(biāo)簽name屬性的方法
- js與jquery實(shí)時監(jiān)聽輸入框值的oninput與onpropertychange方法
- js form表單input框限制20個字符，10個漢字代碼實(shí)例
相關(guān)文章
今天小編就為大家分享一篇Layui 解決表格異步調(diào)用后臺分頁的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
淺析JavaScript函數(shù)的調(diào)用模式
這篇文章主要為大家詳細(xì)介紹了JavaScript函數(shù)的調(diào)用模式，包括方法調(diào)用模式，構(gòu)造器調(diào)用模式，apply/call調(diào)用模式，感興趣的小伙伴們可以參考一下2016-08-08
JavaScript中的私有成員...2006-09-09
本文主要介紹了json的基礎(chǔ)知識。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學(xué)習(xí)(總結(jié))
這篇文章主要介紹了ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學(xué)習(xí)總結(jié),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了Jquery對數(shù)組的操作技巧,需要的朋友可以參考下2014-03-03
js模擬select下拉菜單控件的代碼，需要的朋友可以參考一下2013-05-05
這里簡單介紹下js中的encode、decode的字符2012-10-10
js實(shí)現(xiàn)滾動條滾動到頁面底部繼續(xù)加載
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滾動條滾動到頁面底部繼續(xù)加載，原理很簡單，就是為window添加一個scroll事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
Electron應(yīng)用顯示隱藏時展示動畫效果實(shí)例
最近使用electron實(shí)現(xiàn)一個簡單的功能,下面這篇文章主要給大家介紹了關(guān)于Electron應(yīng)用顯示隱藏時展示動畫效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05