JS獲得多個同name 的input輸入框的值的實現(xiàn)方法
更新時間：2017年01月09日 14:04:48 作者：小碼農雯
這篇文章主要介紹了基于JS代碼實現(xiàn)input密碼輸入框輸入密碼變黑點密文以及JS獲得多個同name 的input輸入框的值的實現(xiàn)方法，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下
先看下基于JS代碼實現(xiàn)input密碼輸入框輸入密碼變黑點密文。具體代碼如下所示：
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;
}
補充：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代碼實現(xiàn)input密碼輸入框輸入密碼變黑點密文，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- JS驗證input輸入框（字母，數(shù)字，符號，中文）
- vue.js 1.x與2.0中js實時監(jiān)聽input值的變化
- JS中input表單隱藏域及其使用方法
- js監(jiān)聽input輸入框值的實時變化實例
- JS文件上傳神器bootstrap fileinput詳解
- JS獲取input file絕對路徑的方法(推薦)
- JS通過正則限制 input 輸入框只能輸入整數(shù)、小數(shù)(金額或者現(xiàn)金) 兩位小數(shù)
- JavaScript獲取并更改input標簽name屬性的方法
- js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
- js form表單input框限制20個字符，10個漢字代碼實例
相關文章
今天小編就為大家分享一篇Layui 解決表格異步調用后臺分頁的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要為大家詳細介紹了JavaScript函數(shù)的調用模式，包括方法調用模式，構造器調用模式，apply/call調用模式，感興趣的小伙伴們可以參考一下2016-08-08
JavaScript中的私有成員...2006-09-09
本文主要介紹了json的基礎知識。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學習(總結)
這篇文章主要介紹了ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學習總結,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了Jquery對數(shù)組的操作技巧,需要的朋友可以參考下2014-03-03
js模擬select下拉菜單控件的代碼，需要的朋友可以參考一下2013-05-05
這里簡單介紹下js中的encode、decode的字符2012-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)滾動條滾動到頁面底部繼續(xù)加載，原理很簡單，就是為window添加一個scroll事件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
最近使用electron實現(xiàn)一個簡單的功能,下面這篇文章主要給大家介紹了關于Electron應用顯示隱藏時展示動畫效果的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05