通过学习狂神说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;
}
这样也可以达到加密的作用,而且更加安全。