首頁  >  文章  >  web前端  >  JS獲得多個同name 的input輸入框的值的實作方法

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

高洛峰
高洛峰原創
2017-01-10 09:39:071634瀏覽

先看下基於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(&#39;input-password&#39;);
 var md5_pwd = document.getElementById(&#39;md5-password&#39;);
 // 把用户输入的明文变为MD5:
 md5_pwd.value = toMD5(input_pwd.value);
 // 继续下一步:
 return true;
}

補充:JS取得多個同name 的input輸入框的值

 最初是使用量輸入.框的個數,但時而正常,時而顯示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密碼輸入框輸入密碼變黑點密文,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持!

更多JS獲得多個同name 的input輸入框的值的實現方法相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn