一般的登陆提交最后就是button或者submit,现在使用a链接的方式来提交
<span style="font-family:KaiTi_GB2312;font-size:18px;"> <div class="buttons">
<a href="javascript:void(0);" id="login" class="loginbtn">登陆</a>
</div></span>
<span style="font-family:KaiTi_GB2312;font-size:18px;">.buttons {
margin-top: 50px;
text-align: center;
}</span>
js代码
<span style="font-family:KaiTi_GB2312;font-size:18px;"> $(function(){
$("#login").on("click",tm_login);//给登陆绑定click事件
});</span>
<span style="font-family:KaiTi_GB2312;font-size:18px;">function tm_login(){
var account = $("#account").val();
var password = $("#password").val();
if(isEmpty(account)){
$("#account").focus();
showmessage("请输入账号!");
return false;
}
if(isEmpty(password)){
$("#password").focus();
showmessage("请输入密码!");
return false;
}
$.ajax({
type:"post",//off()是去掉click事件,防止用户重复提交,
beforeSend:function(){$("#login").off("click").css("padding","10px 100px").text("登陆中...");},
error:function(){$("#login").on("click",tm_login).text("登陆");},
url:"${basePath}/logined/"+account+"/"+password,
success:function(data){
if(data=="success"){
//跳转到首页去
window.location.href = "/music/1";
}else{
showmessage("请正确输入账号和密码 !");
$("#account").select();//选中所填的用户名内容
$("#password").val("");//清除密码
$("#login").on("click",tm_login).css("padding","10px 140px").text("登陆");
}
}
});
};</span>
<span style="font-family:KaiTi_GB2312;font-size:18px;">//显示错误信息
function showmessage(message){
$(".errormsg").show().removeClass("hide").fadeOut(2000).find("span").text(message);
}</span>
<span style="font-family:KaiTi_GB2312;font-size:18px;"><div class="errormsg hide">
<span class="efont"></span>
</div></span>