一篇文章讲明白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;

}

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

相关文章
|
23小时前
|
机器学习/深度学习 JavaScript 前端开发
一篇文章讲明白JS左右轮播图的制作思路
一篇文章讲明白JS左右轮播图的制作思路
|
1天前
|
存储 算法 安全
加密算法概述:分类与常见算法
加密算法概述:分类与常见算法
|
1天前
|
Java BI C#
技术笔记:SM4加密算法实现Java和C#相互加密解密
技术笔记:SM4加密算法实现Java和C#相互加密解密
|
1天前
|
JavaScript vr&ar 数据库
一篇文章讲明白JS获取当前日期
一篇文章讲明白JS获取当前日期
|
1天前
|
机器学习/深度学习 JavaScript 前端开发
一篇文章讲明白JS左右轮播图的制作思路
一篇文章讲明白JS左右轮播图的制作思路
|
1天前
|
JavaScript 前端开发
一篇文章讲明白js表单提交
一篇文章讲明白js表单提交
|
1天前
|
Web App开发 JavaScript 前端开发
一篇文章讲明白js实现移动端拖拽效果
一篇文章讲明白js实现移动端拖拽效果
|
1天前
|
算法 安全 Java
技术笔记:MD5加密算法详解
技术笔记:MD5加密算法详解
|
3天前
|
机器学习/深度学习 自然语言处理 算法
m基于深度学习的OFDM+QPSK链路信道估计和均衡算法误码率matlab仿真,对比LS,MMSE及LMMSE传统算法
**摘要:** 升级版MATLAB仿真对比了深度学习与LS、MMSE、LMMSE的OFDM信道估计算法,新增自动样本生成、复杂度分析及抗频偏性能评估。深度学习在无线通信中,尤其在OFDM的信道估计问题上展现潜力,解决了传统方法的局限。程序涉及信道估计器设计,深度学习模型通过学习导频信息估计信道响应,适应频域变化。核心代码展示了信号处理流程,包括编码、调制、信道模拟、降噪、信道估计和解调。
23 8
|
5天前
|
算法
基于GA遗传优化的混合发电系统优化配置算法matlab仿真
**摘要:** 该研究利用遗传算法(GA)对混合发电系统进行优化配置,旨在最小化风能、太阳能及电池储能的成本并提升系统性能。MATLAB 2022a用于实现这一算法。仿真结果展示了一系列图表,包括总成本随代数变化、最佳适应度随代数变化,以及不同数据的分布情况,如负荷、风速、太阳辐射、弃电、缺电和电池状态等。此外,代码示例展示了如何运用GA求解,并绘制了发电单元的功率输出和年变化。该系统原理基于GA的自然选择和遗传原理,通过染色体编码、初始种群生成、适应度函数、选择、交叉和变异操作来寻找最优容量配置,以平衡成本、效率和可靠性。