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密码输入框输入密码变黑点密文,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- js 获得多个同name 的input输入框的值
- js动态修改input输入框的type属性(实现方法解析)
- js 获得多个同name 的input输入框的值
- js动态修改input输入框的type属性(实现方法解析)
- js 获得多个同name 的input输入框的值
- JS实现方向键切换输入框焦点的方法
- Dom4j递归解析XML实现JS的getElementsByName类似方法
- JS解析input的name属性中带有点的方法
- js实现当前输入框高亮显示的方法
- 普通HTML的input调用Ext js DatePicker的实现方法
- js遍历input的name获得value实例
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- js实现当前输入框高亮显示的方法
- JS实现在网页中弹出一个输入框的方法
- js下拉选择框与输入框联动实现添加选中值到输入框的方法
- js控制输入框获得和失去焦点时状态显示的方法
- Struts2中表单数据怎样实例化 <input name=user.name>struts实现拿值方法
- 使用js实现input输入框的增加
- js控制输入框获得和失去焦点时状态显示的方法