登陆onclick事件处理
2015-05-03 10:39
99 查看
一般的登陆提交最后就是button或者submit,现在使用a链接的方式来提交
js代码
<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>
相关文章推荐
- IE6下链接onclick事件处理中的请求被aborted
- 事件处理中的this:attachEvent, addEventListener, onclick
- a标签中使用onclick事件时,href的处理
- 按键分析--APP部分-- OnClickListener事件处理流程
- IE6下链接onclick事件处理中的请求被aborted
- EditText单击触发onclick事件处理
- 前端事件处理addEventListener和onclick
- Android 事件分发 OnClickListener 和 OnTouchListener 的事件处理原理简单描述
- IE6下链接onclick事件处理中的请求被aborted
- firefox事件处理之自动查找event的函数(用于onclick="foo()")
- IE6下链接a的onclick事件点击无反应的处理方法
- JavaScript中处理事件之单击事件onClick
- js中处理鼠标单击事件 onclick
- firefox事件处理之自动查找event的函数(用于onclick=foo())
- 基于监听的事件处理机制-----五种onClickListener实现方法
- Android 触屏事件 OnTouch onClick onTouchEvent对于触屏事件的处理和分发
- Android开发随记(2)-- onClick事件统一处理、系统界面跳转
- 关于onTouch和onClick事件处理机制
- label标签onclick的事件处理
- Android开发之布局文件里实现OnClick事件关联处理方法