登陆onclick事件处理

一般的登陆提交最后就是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>



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值