先看下基于JS代码实现input密码输入框输入密码变黑点密文。具体代码如下所示：
html代码
|
1
2
3
4
5
|
<
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代码
|
1
2
3
4
5
6
7
8
|
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。
解决方法是如下：
|
1
2
3
4
|
var
els =document.getElementsByName(
"search"
);
for
(
var
i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}
|