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


Posted in Javascript onJanuary 09, 2017

先看下基于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密码输入框输入密码变黑点密文,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript编程起步(第六课)
Jan 10 Javascript
驱动事件的addEvent.js代码
Mar 27 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
Mar 28 Javascript
js 获取(接收)地址栏参数值的方法
Apr 01 Javascript
JavaScript动态创建div属性和样式示例代码
Oct 09 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
javascript实现简易计算器的代码
May 31 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
浅谈Angular的$q, defer, promise
Dec 20 Javascript
tab栏切换原理
Mar 22 Javascript
详解angular应用容器化部署
Aug 14 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 #Javascript
原生Javascript插件开发实践
Jan 09 #Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 #Javascript
详解网站中图片日常使用以及优化手法
Jan 09 #Javascript
jQuery实现表格元素动态创建功能
Jan 09 #Javascript
input输入密码变黑点密文的实现方法
Jan 09 #Javascript
微信小程序 css使用技巧总结
Jan 09 #Javascript
You might like
解析php如何将日志写进syslog
2013/06/28 PHP
一组PHP加密解密函数分享
2014/06/05 PHP
详解PHP防止盗链防止迅雷下载的方法
2017/04/26 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
Mootools 1.2教程 函数
2009/09/15 Javascript
12个非常有创意的JavaScript小游戏
2010/03/18 Javascript
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
js 通用javascript函数库整理
2011/08/14 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
循环 vs 递归浅谈
2013/02/28 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
javascript DOM的详解及实例代码
2017/03/06 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
python多线程socket编程之多客户端接入
2017/09/12 Python
python中模块的__all__属性详解
2017/10/26 Python
Python 元类实例解析
2018/04/04 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
python保存log日志,实现用log日志画图
2019/12/24 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
中国梦团日活动总结
2014/07/07 职场文书
装修施工安全责任书
2014/07/24 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
如何计划开一家便利店?
2019/07/31 职场文书
vue elementUI表格控制对应列
2022/04/13 Vue.js
在Windows Server 2012上安装 .NET Framework 3.5 所遇到的问题
2022/04/29 Servers