您的位置:首页 > Web前端 > JavaScript

JS获得多个同name 的input输入框的值的实现方法

2017-01-09 14:04 711 查看

先看下基于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');
// 把用户输入的明文变为MD5:
md5_pwd.value = toMD5(input_pwd.value);
// 继续下一步:
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密码输入框输入密码变黑点密文,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  input 密码 输入框