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

本文涉及的产品
密钥管理服务KMS,1000个密钥,100个凭据,1个月
简介: 一篇文章讲明白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;

}

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

相关文章
|
2月前
|
存储 NoSQL 数据库
认证服务---整合短信验证码,用户注册和登录 ,密码采用MD5加密存储 【二】
这篇文章讲述了在分布式微服务系统中添加用户注册和登录功能的过程,重点介绍了用户注册时通过远程服务调用第三方服务获取短信验证码、使用Redis进行验证码校验、对密码进行MD5加密后存储到数据库,以及用户登录时的远程服务调用和密码匹配校验的实现细节。
认证服务---整合短信验证码,用户注册和登录 ,密码采用MD5加密存储 【二】
|
6天前
|
数据安全/隐私保护 Python
Python中的MD5加密“解密”
Python中的MD5加密“解密”
22 0
|
11天前
|
JavaScript 前端开发 安全
js逆向实战之烯牛数据请求参数加密和返回数据解密
【9月更文挑战第20天】在JavaScript逆向工程中,处理烯牛数据的请求参数加密和返回数据解密颇具挑战。本文详细分析了这一过程,包括网络请求监测、代码分析、加密算法推测及解密逻辑研究,并提供了实战步骤,如确定加密入口点、逆向分析算法及模拟加密解密过程。此外,还强调了法律合规性和安全性的重要性,帮助读者合法且安全地进行逆向工程。
50 11
|
14天前
|
前端开发 数据安全/隐私保护
JS-RSA超长加密
JS-RSA超长加密
32 4
|
2月前
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
JS算法必备之String常用操作方法
|
2月前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法
|
23天前
|
存储 安全 算法
RSA在手,安全我有!Python加密解密技术,让你的数据密码坚不可摧
【9月更文挑战第11天】在数字化时代,信息安全至关重要。传统的加密方法已难以应对日益复杂的网络攻击。RSA加密算法凭借其强大的安全性和广泛的应用场景,成为保护敏感数据的首选。本文介绍RSA的基本原理及在Python中的实现方法,并探讨其优势与挑战。通过使用PyCryptodome库,我们展示了RSA加密解密的完整流程,帮助读者理解如何利用RSA为数据提供安全保障。
41 5
|
25天前
|
安全 数据安全/隐私保护 Python
情书也能加密?Python AES&RSA,让每一份数据都充满爱的密码
【9月更文挑战第8天】在这个数字化时代,情书不再局限于纸笔,也可能以电子形式在网络中传递。为了确保其安全,Python提供了AES和RSA等加密工具,为情书编织爱的密码。首先,通过安装pycryptodome库,我们可以利用AES对称加密算法高效保护数据;接着,使用RSA非对称加密算法加密AES密钥和IV,进一步增强安全性。即使情书被截获,没有正确密钥也无法解读内容。让我们用Python为爱情编织一张安全的网,守护每份珍贵情感。
30 2
|
4天前
|
算法 数据安全/隐私保护 C++
超级好用的C++实用库之MD5信息摘要算法
超级好用的C++实用库之MD5信息摘要算法
11 0
|
2月前
|
算法 安全 数据安全/隐私保护
Android经典实战之常见的移动端加密算法和用kotlin进行AES-256加密和解密
本文介绍了移动端开发中常用的数据加密算法,包括对称加密(如 AES 和 DES)、非对称加密(如 RSA)、散列算法(如 SHA-256 和 MD5)及消息认证码(如 HMAC)。重点讲解了如何使用 Kotlin 实现 AES-256 的加密和解密,并提供了详细的代码示例。通过生成密钥、加密和解密数据等步骤,展示了如何在 Kotlin 项目中实现数据的安全加密。
58 1
下一篇
无影云桌面