您的位置:首页 > 其它

登陆onclick事件处理

2015-05-03 10:39 99 查看
一般的登陆提交最后就是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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: