input输入密码变黑点密文的实现方法
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; }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!
相关推荐
-
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本. 对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容. 好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候. 只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮. ::-ms-clear, ::-ms-reveal { disp
-
iOS实现类似微信和支付宝的密码输入框(UIKeyInput协议)
目前在项目中需要实现发红包的功能,自己就写了一个密码输入框的控件,主要用到了UIKeyInput协议和CoreGraphics框架,效果类似微信支付,感觉还行就把我的思路和制作过程写下来给大家分享一下. 让你的自定义View具备输入的功能(UIKeyInput协议) 通过UIKeyInput协议可以为响应者提供简单的键盘输入的功能,让需要键盘的responder成为第一响应者就行了.UIKeyInput协议必须实现的有三个方法,分别是以下方法: #pragma mark - UIKeyInput
-
js实现input密码框提示信息的方法(附html5实现方法)
本文实例讲述了js实现input密码框提示信息的方法.分享给大家供大家参考,具体如下: 今天我们主管说要在密码框加入个"请输入密码"的提示信息,第一次的时候本来想着用修改input type 属性的方法呢,结果有某些特别的浏览器不支持,IE的input的type属性是只读的,不能动态设置.所以换其它的方法,实例如下: <input type="text" onfocus="changeTip(this);" id="passTe
-
input输入密码变黑点密文的实现方法
input输入密码加密 html代码 <form id="login-form" method="post" onsubmit="return checkForm()"> 输入密码<input type="password" id="input-password"> <input type="hidden" id="md5-password&quo
-
javascript实现选中复选框后相关输入框变灰不可用的方法
本文实例讲述了javascript实现选中复选框后相关输入框变灰不可用的方法.分享给大家供大家参考.具体如下: 在一些网站上经常会看到的这种功能,选中复选框,相关的选项为变灰色,不可用,看上去会专业一些,也是提升用户体验的一种方式. 运行效果如下图所示: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>选
-
JS中input表单隐藏域及其使用方法
一.表单隐藏域 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的.当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上. 代码格式: <input type="hidden" name="..." value="..."> 属性解释: type="hidden"定义隐藏域: name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称: value属
-
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
我们可以通过cordova提供的插件调用摄像头或图库选择需要的图片上传,按cordova官方的方法,每次选择完后就直接上传,这并不符合用户的习惯,最好的用户习惯是用户选择完需要的图片,并可在本地预览,接着用户再次打开摄像头或图库再次选择图片,接着预览,对于不需要的图片删除,最后确定可以后,再一次性上传所有图片.显然这种方式,cordova是不支持,那要如何实现呢,以下是我的方法: 通过调用$cordovaImagePicker.getPictures该方法打开图库,获得图片的URL地址,ps:相
-
JS获取及设置TextArea或input文本框选择文本位置的方法
本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下: function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionStart else if ( document.selection ) { // IE range = document.selection.createR
-
JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 方法一 将小图标当做input的背景来插入,直接上代码吧: <style type="text/css"> *{ margin: 0; padding: 0; } input{ border: none; } .box{ height: 50px; background: yellow; } .box input{ width: 200px; height: 30px; border
-
NodeJS实现不可逆加密与密码密文保存的方法
本文实例讲述了NodeJS实现不可逆加密与密码密文保存的方法.分享给大家供大家参考,具体如下: 在应用中,常常有要将用户的密码加密储存的需要. 以明文保存密码有个缺点:一旦泄漏时容易造成极大的损失,可能会连带其他网站的用户.密码也造成损失(因为大多数用户在多数网站使用相同的账号与密码). 这个泄漏可能来自于两方面:骇客入侵与运维人员监守自盗. 为了防止在密码明文泄漏,我们需要对在数据库中保存的密码字段进行不可逆加密.准确地说,是加密以后再保存到数据库中. 常用的不可逆加密算法有MD5与SHA-1
-
vue判断input输入内容全是空格的方法
比如input中的数据和data中的msg双向绑定. 那么我们可以 判断先把msg以空格拆分成数组,然后拼接起来,判断字符串的长度,如果长度为0,证明输入的就全是空格了,如下: msg.split(" ").join("").length = 0 以上这篇vue判断input输入内容全是空格的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们. 您可能感兴趣的文章: vue获取input输入值的问题解决办法 详解.vue文件中监听in
-
linux在终端输入密码时显示星号的实现方法
当你在 Web 浏览器或任何 GUI 登录中输入密码时,密码会被标记成星号 ******** 或圆点符号 ••••••••••••• .这是内置的安全机制,以防止你附近的用户看到你的密码.但是当你在终端输入密码来执行任何 sudo 或 su 的管理任务时,你不会在输入密码的时候看见星号或者圆点符号.它不会有任何输入密码的视觉指示,也不会有任何光标移动,什么也没有.你不知道你是否输入了所有的字符.你只会看到一个空白的屏幕! 看看下面的截图. 正如你在上面的图片中看到的,我已经输入了密码,但没有任何
-
vue 设置 input 为不可以编辑的实现方法
我用最笨的方法,先实现功能先,用两个input,一个可以编辑,一个不可以编辑,失去焦点后隐藏可以点击的那个,点"编辑"时,显示可以编辑的那个input <div class="edit-item"> <input type="text" id="group-name" v-model="groupName" class="edit-input" disabled v-s
随机推荐
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
- Android设置控件阴影的三种方法
- 探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
- bootstrap datetimepicker实现秒钟选择下拉框
- rman备份脚本和rman增量备份脚本分享
- js变形金刚文字特效代码分享
- 值得分享的bootstrap table实例
- this connector is disabled错误的解决方法
- asp连接mssql2005的代码
- 网站接入QQ登录的两种方法
- js css自定义分页效果
- java计算任意位水仙花数示例(回文数)
- asp数组使用(2)
- 根据对象的某一属性进行排序的js代码(如:name,age)
- jquery基础知识第一讲之认识jquery
- 详解java 单例模式及方法总结
- ASP.NET 缓存分析和实践浅析提高运行效率
- c#汉诺塔的递归算法与解析
- 局域网中工作组和域之间的差别
- PyQt5每天必学之带有标签的复选框