一篇文章讲明白JavaScript_提交表单和MD5算法密码加密

简介: 一篇文章讲明白JavaScript_提交表单和MD5算法密码加密

通过学习狂神说Java的视频,接触到了MD5算法,觉得挺有意思的,写下来记录一下。

一、写一个简单的表单

[/span>form action="#" method="post"

[/span>p

[/span>span

[/span>p

[/span>span

<!>

[/span>button type="submit" onclick="aaa()"

应用MD5算法需要导入js文件(复制粘贴即可):

[/span>script src=""

二、编写js代码

[/span>script

function aaa() {

var username = document.getElementById('username');

var password = document.getElementById('password');

console.log(username.value);

//MD5算法

password.value = md5(password.value);

console.log(password.value);

}//代码效果参考:http://www.ezhiqi.com/zx/art_2838.html

我们来看看最终结果:

①打开页面源码(F12)

②输入用户名密码,点击提交,观察Network是否实现提交

③表单成功提交,我们点击进去,查看Payload,可以看到密码变成了一串字符串,即成功实现了密码加密

还有一个更简便、更实用的办法:

还是写一个form表单:

[/span>form action="#" method="post" onsubmit="return aaa()"

[/span>p

[/span>span

[/span>p

[/span>span

[/span>input type="hidden" id="md5-password" name="password"

<!>

[/span>button type="submit"

这里我们将密码的name去除,只用id,再写一个隐藏的输入框,在下面的js代码当中把密码(input-password)的值赋值给隐藏输入框(md5-password):

[/span>script

function aaa() {

var username = document.getElementById('username');

var password = document.getElementById('password');

var md5pwd = document.getElementById('md5-password');

//MD5算法

md5pwd.value = md5(password.value);

//校验判断表单内容,true就是通过提交,false阻止提交

return true;

}

这样也可以达到加密的作用,而且更加安全。

相关文章
|
21小时前
|
算法 Java 数据处理
Java中MD5加密算法的实现
Java中MD5加密算法的实现
|
2天前
|
存储 算法 安全
MD5哈希算法:原理、应用与安全性深入解析
MD5哈希算法:原理、应用与安全性深入解析
|
2天前
|
存储 算法 安全
加密算法概述:分类与常见算法
加密算法概述:分类与常见算法
|
3天前
|
Java BI C#
技术笔记:SM4加密算法实现Java和C#相互加密解密
技术笔记:SM4加密算法实现Java和C#相互加密解密
|
3天前
|
算法 安全 Java
技术笔记:MD5加密算法详解
技术笔记:MD5加密算法详解
|
3天前
|
算法 JavaScript 安全
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密
|
JavaScript 前端开发 数据安全/隐私保护
|
JavaScript 前端开发 网络协议
JavaScript加密解密7种方法
from:baiker 本文一共介绍了七种javascript加密方法:  在做网页时(其实是网页木马呵呵),最让人烦恼的是自己辛辛苦苦写出来的客户端IE运行的javascript代码常常被别人轻易的拷贝,实在让自己的心里有点不是滋味,要知道自己写点东西也挺累的......^*^  但我们也应该清楚地认识到因为javascript代码是在IE中解释执行,要想绝对的保密是不可能的,我们要做的就是尽可能的增大拷贝者复制的难度,让他知难而退(但愿~!~),下面我结合自己这几年来的实践,及个人研究的心得,和大家一起来探讨一下网页中javascript代码的加密解密技术。
1480 0
|
16天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
165 63
|
16天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
37 5