Posted in Javascript onMay 18, 2014
做项目时遇到处理绑定“enter”键的情况,直接把情景代码截取出来了。代码如下:
function sendLoginData(){ loginvalidateForm(); $(document).keydown(function(event){ if(event.keyCode == 13){ //绑定回车 $('#login-submit').click(); /自动/触发登录按钮 } }); $('#login-submit').click(function(){ if($('#login-form').valid()==false){ return false; } var username = $('#id_username').val(); var password = $('#id_password').val(); $.ajax({ type:"post", dataType:"json", contentType:"application/x-www-form-urlencoded;charset=UTF-8", url:"{% url netPan.User.views.LoginHd%}", data:{ username: username, password: password }, beforeSend: function(){ //提示信息,提高用户体验度 $('#loginInfoWord').show().text('正在处理,请稍后...'); }, success:function(data){ var message = data.message; if(message == 'D'){ //提示信息,提高用户体验度 $('#loginInfoWord').show().text('登陆成功,正在跳转...'); window.location.href = '{% url netPan.index.IndexHd%}'; }else if(message == 'C'){ $('#loginInfoWord').show().text('用户名或密码错误'); }else if(message == 'N'){ $('#loginInfoWord').show().text('您还没有注册!'); }else if(message == 'H'){ $('#loginInfoWord').show().text('您还未激活账号,快登录邮箱激活账号吧!'); } }, error: function(xhr,textStatus,errorThrown){ $('#loginInfoWord').show().text('发生异常:'+errorThrown); } }); }); /* 放在上面下面都可以,跟顺序无关 $(document).keydown(function(event){ if(event.keyCode == 13){ //绑定回车 $('#login-submit').click(); /自动/触发登录按钮 } }); */ }
绑定回车enter事件代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@