用了定义函数的方法
效果图
<!--注册名输入框-->
<div class="login-form-item form-item-bg form-item-bg-user">
<input type="text" name="username" placeholder="邮箱/会员名/8位ID" id="username"
class="input-focus-handle" value="">
<div id="emailAutoComplete" class="email-complete-list"></div>
</div>
<!--密码输入框-->
<div class="login-form-item form-item-bg form-item-bg-lock password-input-wrap">
<input id="password" type="password" name="password" placeholder="请输入登录密码"
class="input-focus-handle">
<div class="caps-lock-remind" id="capsLockRemind">
大写锁定已打开
</div>
</div>
<!--登录按钮 绑定点击事件-->
<a id="login" onclick="Login()" class="login-submit ">登录</a>
js代码如下
function Login(){
$post(
''//接口
{
username:$('#username').val(),
password:hex_md5($('#password')).val(),//传输加密的密码
},
function(req){
//成功回调函数
if(req.status == 1){}
//我们将数据存放在cookie中,但是换了页面之后cookie中变成空的,解决这个bug就放在localStorage中
// 用户端把返回的token放入cookie中
//$.cookie('token', req.obj1);
window.localStorage.setItem("token",req.obj1);//放到localStorage
//alert(window.localStorage.getItem("token"));
// 登录成功跳转页面
location.href = "******" ;
}else if(req.status == -1){
alert("用户名不存在")
}else if(req.status == -2){
alert("您处于冻结状态中")
}else if(req.status == -3){alert("密码错误")}else if(req.status == -4){
alert("登录失败五次,您的账户已被冻结,5分钟之后重试")
}
)
}