html中使用js进行登录md5加密提交并重定向新页面

最新推荐文章于 2024-02-29 16:27:11 发布
VIP文章 最新推荐文章于 2024-02-29 16:27:11 发布
阅读量1.8w 收藏 8
点赞数 5
分类专栏： web应用 文章标签： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smilefyx/article/details/49507179
版权

       在web开发中有时需要将用户的一些信息在客户端加密后进行提交，然后在web后端进行验证，可以提高页面传输过程中的安全性。本例实现一个简单的加密登录demo，例子仅仅为了演示使用，实际使用时可以根据实际要求进行修改。


1、主要实现点

1、form中加入一个隐藏的input用于提交加密后的密文；

2、在表单的submit方法中将输入的明文密码加密，并设置到隐藏的input中。加密使用md5.js进行实现，该文件可自行百度；

3、在表单的submit方法中使用ajaxSubmit提交form；


本例用于演示，提交时会同时提交明文和密文密码，实际使用时可以将明文输入框改为不提交或者放到form表单之外即可。

2、代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>用户登录</title>
	<link rel="stylesheet" type="text/css" href="/CarAppStore/css/login/style.css
最低0.47元/天 解锁文章
yingxian_Fei
关注
  • 5
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
前端开发：MD5加密的使用
软贱开发攻城狮
03-15 3409
在前端开发过程中，关于前后端数据传输的时候的安全考量也是很有必要的，尤其是涉及到一些验证、确认、支付、数据安全传输等敏感信息传递的场景。作为软件开发人员对于MD5加密并不陌生，因为在平时开发过程中多少都会涉及到数据加密的需求。前端实际使用场景中关于MD5加密主要是在网页加密的时候，主要是为了验证数据的完整性，确保数据在传输过程中不被篡改。那么本篇博文就来分享一下在前端开发过程中使用MD5加密，总结记录一下，方便查阅使用。
HTML实现基于MD5加密的登录注册界面源码
06-17
HTML实现基于MD5加密的登录注册界面源码
HTML加js实现计算文件哈希值,前端使用js计算文件的MD5值
weixin_33205735的博客
06-15 1728
在前端开发时有时需要计算文件的 MD5 值传给后端用作比较文件的准确性和完整性。还应用到了现代浏览器中都实现了的类 FileReader，它的实例的 readAsBinaryString 方法，用来读取文件的原始二进制数据。创建HTML部分并引入插件计算小文件的MD5值document.querySelector('#file').addEventListener('change', e =&gt...
MD5加密是什么？为什么不可解密？
最新发布
dzqxwzoe的博客
02-29 1188
MD5消息摘要算法(MD5 Message-DigestAlgorithm),一种被广泛使用的密码散列函数，可以产生出一个128位（16字节）的散列值（hash value），用于确保信息传输完整一致。
html调用js进行MD5加密,js实现md5加密
weixin_35039926的博客
06-05 608
[javascript]代码库js实现md5加密var hexcase = 0; /* hex output format. 0 - lowercase; 1 - uppercase */var b64pad = ""; /* base-64 pad character. "=" for strict RFC compliance */var chrsz = 8; /* bits per inpu...
前端中md5的用法
wangzhen12138的博客
04-01 4359
MD5的原理： MD5消息摘要算法，属Hash算法一类。MD5算法对输入任意长度的消息进行运行，产生一个128位的消息摘要(32位的数字字母混合码)。 md5的安装命令： npm install js-md5 -s md5的使用方法 在Vue原型链上添加md5为公用方法，也可以将其定义在公用方法文件中，需要时调用 先将md5引入vue原型中的一个方法中 import md5 from 'js-md5' //引入 Vue.prototype.$md5 = md5;//添加 在我们使用的
前端使用md5加密
YourNikee的博客
10-12 1862
常用在明文传递不安全的地方，如密码登陆、卡号信息等 如果前端使用md5对卡号进行加密，后端也要使用对应解密方法对其进行解密 安装md5包 npm install js-md5 -s 安装成功 在Vue原型链上添加md5为公用方法，也可以将其定义在公用方法文件中，需要时调用 import md5 from 'js-md5' //引入 Vue.prototype.$md5 = md5;//添加 ...
前端使用MD5
tiantiantbtb的博客
12-02 62
console.log('md5之后',m)
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
10-14
主要介绍了Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
java中如何使用MD5进行加密
09-01
主要介绍了java实现md5加密示例,在各种应用系统的开发中，经常需要存储用户信息，很多地方都要存储用户密码，有需要的小伙伴可以参考下。
JS(javascript)-md5加密工具类
06-14
JS(javascript)-md5加密工具类
前端实现MD5对密码进行加密
09-14
这是一个jquery扩展库插件，需要先引入jquery文件，在引入jQuery.md5.js 附：如果遇到MD5加密文件，而又不知道的密码的，请在数据库中换上这组加密的数据。 admin---16位加密---7a57a5a743894a0e admin---32位加密---21232f297a57a5a743894a0e4a801fc3 admin---40位加密---7a57a5a743894a0e4a801fc343894a0e4a801fc3
前端MD5加密使用到的js
04-16
文件夹中包含使用到MD5的js，md5.js和md5.min.js，具体了解可看md5.js
html编写的md5加密
01-30
html编写的md5加密 基于jquery
f前台form表单密码md5加密
08-10
导入js到项目中，然后调用$.md5($("#password").val())即可对密码进行加密传输
前端加密插件md5.js
02-24
MD5.js是对前端的明文数据进行MD5加密方式。是一个前端加密插件。 MD5信息摘要算法（英语：MD5 Message-Digest Algorithm），一种被广泛使用的密码散列函数，可以产生出一个128位（16字节）的散列值（hash value），...
md5.js
qq_43590989的博客
07-15 676
var hexcase = 0; var b64pad = ""; var chrsz = 8; function hex_md5(s){ return binl2hex(core_md5(str2binl(s), s.length * chrsz));} function b64_md5(s){ return binl2b64(core_md5(str2binl(s), s.le...
html中md5如何使用方法,html中使用js進行登錄md5加密提交並重定向新頁面
weixin_42546361的博客
06-25 405
在web開發中有時需要將用戶的一些信息在客戶端加密后進行提交，然后在web后端進行驗證，可以提高頁面傳輸過程中的安全性。本例實現一個簡單的加密登錄demo，例子僅僅為了演示使用，實際使用時可以根據實際要求進行修改。1、主要實現點1、form中加入一個隱藏的input用於提交加密后的密文；2、在表單的submit方法中將輸入的明文密碼加密，並設置到隱藏的input中。加密使用md5.js進行實現，該...
html登录页面密码md5加密
05-15
在HTML登录页面中，实现密码MD5加密的过程可以通过JavaScript的MD5库进行实现。当用户输入密码后，页面会自动进行MD5加密，将加密后的密码传输至后端服务器，进行登录验证，从而保证用户密码的安全性。 对于开发者...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值