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

}

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

相关文章
|
1月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
25 1
JavaScript中的原型 保姆级文章一文搞懂
|
1月前
ractive.js联系表单动画效果源码
一款ractive.js联系表单动画效果,很有创意的发送邮件、联系内容等表单,基于ractive.js实现的动画效果,以发送信件的方式。
24 1
|
1月前
|
资源调度 前端开发 JavaScript
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第10天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤,包括安装依赖、创建混淆脚本、修改 `package.json` 脚本命令、构建项目并执行混淆,以及在 HTML 文件中引用混淆后的文件。通过这些步骤,可以有效提高代码的安全性。
|
1月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
47 3
|
26天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
17 0
|
2月前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
1月前
|
前端开发 JavaScript 安全
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第7天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤。包括项目准备、安装 `javascript-obfuscator`、配置 Vite 构建以应用混淆,以及最终构建项目进行混淆。通过这些步骤,可以有效提升前端代码的安全性,防止被他人轻易分析和盗用。
170 0
|
2月前
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
57 4
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
前端技术分享:使用Vue.js构建响应式表单
【10月更文挑战第1天】前端技术分享:使用Vue.js构建响应式表单
|
2月前
|
前端开发 JavaScript 安全
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
该 JavaScript 代码实现了一个严格的密码校验功能,确保密码满足多种安全要求,包括长度、字符类型、不包含中文及特殊字符、不与用户名相似等。通过多个辅助函数,如 `validateFormat` 检查密码格式,`isHasChinaCharFun` 检测中文符号,`getCharAll` 生成键盘组合,以及 `checkPasswordFun` 综合验证密码的有效性和安全性。此工具对于提高用户账户的安全性非常有用。
74 0
下一篇
DataWorks