JS獲得多個同name 的input輸入框的值的實現方法

更新時間：2017年01月09日 14:04:48 作者：小碼農雯

這篇文章主要介紹了基于JS代碼實現input密碼輸入框輸入密碼變黑點密文以及JS獲得多個同name 的input輸入框的值的實現方法，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下

先看下基于JS代碼實現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獲得輸入框的個數，但時而正常，時而顯示undefined，效果不是很好，網上信息說document.all不是兼容所有瀏覽器的,現在似乎是只支持IE。

解決方法是如下：

var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}

以上所述是小編給大家介紹的JS代碼實現input密碼輸入框輸入密碼變黑點密文，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:

SpringMVC restful 注解之@RequestBody進行json與object轉換
這篇文章主要介紹了SpringMVC restful 注解之@RequestBody進行json與object轉換的相關資料,需要的朋友可以參考下
2015-12-12
ES5新增數組的實現方法
這篇文章主要介紹了ES5新增數組的實現方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-05-05
javascript操作數組詳解
這篇文章主要詳細介紹了javascript操作數組的方法以及示例,需要的朋友可以參考下
2014-12-12
javascript自定義右鍵菜單插件
這篇文章主要為大家詳細介紹了javascript自定義右鍵菜單插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
js腳本實現數據去重
最近在一個項目中，需要去除掉重復的數據，之前都是在后臺實現，現在客戶需求是在前臺去重，于是就想到了javascript腳本。
2014-11-11
Firefox div高度自適應
IE不管設置div的高度與否，都會根據內容來自適應高度。但是FIrefox就沒有這么聰明了。
2009-04-04
Div自動滾動到末尾的代碼
非常不錯的思路，自動滾動到div末尾
2008-10-10
js判斷當頁面無法回退時關閉網頁否則就history.go(-1)
當頁面沒有前驅歷史記錄時，點擊返回按鈕時直接關閉頁面，否則就退回到前一頁
2014-08-08
js實現登錄與注冊界面
這篇文章主要為大家詳細介紹了js實現登錄與注冊界面，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
JavaScript 是什么意思
javascript一種由Netscape的LiveScript發(fā)展而來的腳本語言，它提高與Java的兼容性。JavaScript采用HTML頁作為其接口。很多朋友問js是什么意思？下面小編通過分享本教程給大家解答下，感興趣的朋友參考下
2016-09-09