前端MD5加密【单向加密】

密码存储的方式:

密码该如何存储呢?按照安全性由低到高,有这样几种选择:

1.密码名文直接存储在系统中

2.密码经过对称加密后再存储

3.密码经过非对称加密后再存储

步骤:

1.用户端:用户提交用户名和密码
2.浏览器端:JS【MD5加密】
3.服务端:提交加密后的密码,二次加密 登录成功
 
代码:
 (1)没有name的表单不会提交,这样避免密码由用户输入的密码,变成32位"*", 给客户看到
 
<form action="" method="post" class="form-inline" id="from-test" onsubmit="return checkInput()"> <input type="text" id="username" name="username"> 姓名 <br> <input type="password" id="password"> 密码 <br> <input type="hidden" id="password_md5" name="password"> <button type="submit">Submit</button> </form>
 
function checkInput() { var password_input = document.getElementById('password'); var password_md5 = document.getElementById('password_md5'); // set password password_md5.value = md5(password_input.value); return true; }
 
       2,使用ajax异步,对表单进行验证
  1. $('#btn a').click(function () {
  2. if (!$('#loginName').validatebox('isValid')) {
  3. $('#loginName').focus();
  4. } else if (!$('#password').validatebox('isValid')) {
  5. $('#password').focus();
  6. } else {
  7. //md5加密传输
  8. var salt="{*nbsjt*asar#cdxd#}";
  9. var pwd=$('#password').val();
  10. var md5Pwd=$.md5(pwd+salt);
  11. $.ajax({
  12. url:'login.manager',
  13. type:'post',
  14. data:{
  15. loginName:$('#loginName').val(),
  16. password:md5Pwd,
  17. },
  18. beforeSend:function(){
  19. $.messager.progress({
  20. text:'正在登录中......',
  21. });
  22. },
  23. success:function(data,response,status){
  24. $.messager.progress('close');
  25. if(data=="success"){
  26. location.href = 'main.manager';//进入后台首页
  27. }else{
  28. $.messager.alert('登录失败!', '用户名或密码错误!', 'warning', function () {
  29. $('#password').select();
  30. });
  31. }
  32. }
  33. });
  34. }
  35. });

--------------------- 本文来自 若兰轻忆 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/ruolanqingyi/article/details/80831659?utm_source=copy

上一篇:Debian 安装记录


下一篇:< 独立项目 - 文本挖掘 > - 2016/10/25 第一更 -