JavaScript使用md5验证登录加密

直接上代码

1.HTML部分

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript使用md5验证登录加密</title><!--引入md5加密库--><script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script><script src="Check.js"></script>
</head><body>
<!--
表单级提交绑定事件
onsubmit = 绑定一个提交检测的函数,return true||false
将这个结果再 return 给表单,使用onsubmit接收
--><form action="https://www.baidu.com/" method="post" οnsubmit="return CheckForm()"><!--这里一定是return CheckForm() 不能缺少return否则无法拦截 --><p><span>用户名:</span><input type="text" id="#user" name="username"></p><p><span>密码：</span><input type="password" id="#pwd" name="password"><!--可将name="password "置空，然后将md5加密后的md5password改成password迷惑--></p><input type="hidden" id="#md5pwd" name="md5password"><!-- md5隐藏加密文本框--><!--绑定事件 onclick 被点击代替表单的on submit<button type="submit" οnclick="CheckForm()">登录</button>按钮级绑定，但无法拦截，用哪个级别，哪里调用check form函数--><button type="submit" >登录</button></form></body>
</html>

2.JS部分

'use strict';
function CheckForm() {var user=document.getElementById('#user');//用户名表单节点var pwd=document.getElementById('#pwd');//密码表单节点var md5pwd=document.getElementById('#md5pwd');//md5加密节点//此处校验表单内容是否符合if(pwd.value.length<6){//简单验证,密码长度少于6位alert("密码格式错误,请重新输入");return false;}else {md5pwd.value= md5(pwd.value);//结果返回32位小写的十六进制值的加密字符串return true;}
}

3.操作流程

1.输入用户名，密码格式不正确(不满6位)未通过验证情况：

2.密码格式正确，t跳转百度主页

3.Network查看表单数据,可以看到原密码和md5加密后的密码

注:(network页面中的表单数据第一次输入可能看不到，返回在输入一次用户名，密码就可以在www.baidu.com那一栏header看到具体表单信息）

4.只看到用户名和md5加密后的16位：将用户输入的密码框中name="password "置空，然后将md5加密后获取的name="md5password"改成name="password"迷惑

JavaScript使用md5验证登录加密相关推荐

Javascript注册页面验证登录
Javascript注册页面验证登录连接数据库. 目前登录功能好像出问题了,用不了数据库注册的信息用于登录.由于时间的原因,以后再更改.个人笔记,不建议拿去用,因为还存在问题没有解决. (1)inde ...
md5 java代码_JAVA简单实现MD5注册登录加密实例代码
开发环境:jdk1.7,eclipse 框架:springmvc,mybatis 工具:maven 以下代码复制即可实现MD5加密创建一个mave项目,加web.不懂得可以搜索一下就有了. 注册用户 ...
JavaScript中md5加密基础使用方法
关于JavaScript中md5加密使用方法重点不说别的,先上代码,代码其实不难,更多需要理解 //这边是前端代码 <form class="loginForm" acti ...
Java使用MD5加盐对密码进行加密处理,附注册和登录加密解密处理
前言在开发的时候,有一些敏感信息是不能直接通过明白直接保存到数据库的.最经典的就是密码了.如果直接把密码以明文的形式入库,不仅会泄露用户的隐私,对系统也是极其的不厉,这样做是非常危险的. 那么我们就 ...
【MD5】采用MD5+盐的加密方式完成注册用户和登录账号
MD5的pom <dependency><groupId>commons-codec</groupId><ar ...
java中字符串 MD5密码的加密与验证
java中字符串 MD5密码的加密与验证 MD5即Message-Digest Algorithm 5(信息-摘要算法 5),用于确保信息传输完整一致.是计算机广泛使用的杂凑算法之一(又译摘要 ...
html正则表达式登录验证,JavaScript正则表达式验证登录实例
本文实例为大家分享了js正则表达式验证登录的具体代码,供大家参考,具体内容如下代码片段: qq登录模拟测试 function check(){ /*非空*/ if(form1.username.va ...
Flask项目实战——7—(Redis数据库存储验证码信息、验证登录界面的表单信息、注册功能实现、登录实现)
推荐一个API平台:聚合数据 1.Redis数据库存储验证码信息保存手机验证码到Redis数据库公有视图文件:apps/common/views.py # -*- encoding: utf-8 ...
Vue与Node.js实现手机短信验证登录
手机短信使用的第三方平台是联容云,注册就送8块钱体验费,足够自己用用了,注册完自己建一个应用就能拿到需要使用的配置了,如图注册完之后1就可以使用了. Node.js后端使用了Express框架 &q ...

JavaScript使用md5验证登录加密

直接上代码

1.HTML部分

2.JS部分

3.操作流程

1.输入用户名，密码格式不正确(不满6位)未通过验证情况：

2.密码格式正确，t跳转百度主页

3.Network查看表单数据,可以看到原密码和md5加密后的密码

4.只看到用户名和md5加密后的16位：将用户输入的密码框中name="password "置空，然后将md5加密后获取的name="md5password"改成name="password"迷惑

JavaScript使用md5验证登录加密相关推荐

最新文章

热门文章