因项目需要结合Thinkphp做了一个双向md5加密的登录,这里后台php代码就不说了,贴一下前端加密提交密码
数据库存入的两次md5加密的密码,前端提交的是hex_md5(hex_md5(hex_md5(adminUserPass))+adminUserVer),php部分也同样只需要把查询出来的密码加上验证码和前端提交上来的密码进行比对,如果成功则登录成功
1.[代码][JavaScript]代码
/* ajax 提交 */
$(function(){
var verifyimg = $("#verify_login").attr("src");
/* 刷新验证码*/
$(document).on("click",'#verify_login',function(){
$("#verify_login").attr("src", verifyimg+'&random='+Math.random());
});
/*QRCode Enter to check*/
$("#ver").keydown(function(event){
if(event.keyCode==13){
check_submit();
}
});
/* 触发提交事件 */
$("#submit").click(function(){
check_submit();
});
/*check and submit*/
function check_submit(){
var adminUserName = $.trim($("#name").val());
var adminUserPass = $.trim($("#pass").val());
var adminUserVer = $.trim($("#ver").val());
if(adminUserName=="" || adminUserName=="undefined"){
$("#msg").css('display', 'block');
$("#msg").html(' 请输入账号!');
return false;
}else if(adminUserPass=="" || adminUserPass=="undefined"){
$("#msg").css('display', 'block');
$("#msg").html(' 请输入密码!');
return false;
}else if(adminUserVer=="" || adminUserVer.length!=4){
$("#msg").css('display', 'block');
$("#msg").html(' 请填写右侧四位验证码!');
return false;
}else{
/* ajax 提交 */
ajaxSubmit(adminUserName, hex_md5(hex_md5(hex_md5(adminUserPass))+adminUserVer), adminUserVer);
}
}
/* ajax提交数据 */
function ajaxSubmit(userName, userPass, userVer){
$("#msg").hide();
$.ajax({
type: 'POST',
dataType:'JSON',
url: "Login/login",
data: 'username='+userName+'&password='+userPass+'&ver='+userVer,
success: function(data){
var jsonObj = data;
if(jsonObj.status==1){
$("#msg").css('display', 'none');
location.href='Index/index';
}else{
$("#msg").css('display', 'block');
$("#msg").html(' '+jsonObj.info);
$("#ver").val("");
$("#verify_login").attr("src", verifyimg+'&random='+Math.random());
}
},
error : function() {
$("#msg").css('display', 'block');
$("#msg").html(' 系统繁忙,请稍后再试!');
}
});
}
/*
判断浏览器,如果移到本js的第三行,会发现无法继续操作(谷歌浏览器除外)
*/
var browserType = navigator.userAgent.toLocaleLowerCase();
//alert(browserType);
//chrome
if((/chrome/i.test(browserType) && /webkit/i.test(browserType) && /mozilla/i.test(browserType))==false){
$("#msg").show();
$("#msg").html(' 为了更好的操作,请更换谷歌浏览器!点此处下载');
return false;
}
});