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 相关文章推荐
JS 建立对象的方法
Apr 21 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
webpack教程之webpack.config.js配置文件
Jul 05 Javascript
Swiper自定义分页器使用详解
Dec 28 Javascript
基于node.js实现爬虫的讲解
Feb 18 Javascript
微信小程序 轮播图实现原理及优化详解
Sep 29 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
H5实现手机拍照和选择上传功能
Dec 18 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
mysql_fetch_assoc和mysql_fetch_row的功能加起来就是mysql_fetch_array
2007/01/15 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
js函数的延迟加载实现代码
2012/10/11 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
jQuery自动添加表单项的方法
2015/07/13 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
Vue 开发必须知道的36个技巧(小结)
2019/10/09 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
Python单链表的简单实现方法
2014/09/23 Python
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
python书籍信息爬虫实例
2018/03/19 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
python可视化实现代码
2019/01/15 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
房地产销售计划书
2014/01/10 职场文书
社区国庆节活动方案
2014/02/05 职场文书
2014婚礼司仪主持词
2014/03/14 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
医院安全生产月活动总结
2014/07/05 职场文书
2014年转正工作总结
2014/11/08 职场文书
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers