手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >绑定回车enter事件代码
绑定回车enter事件代码
摘要:做项目时遇到处理绑定“enter”键的情况,直接把情景代码截取出来了。代码如下:复制代码代码如下:functionsendLoginData...

做项目时遇到处理绑定“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事件代码】相关文章:

网页里控制图片大小的相关代码

7个有用的jQuery代码片段分享

解析javascript中鼠标滚轮事件

精确到分钟的js日历控件,日期选择器代码

jQuery实现div随意拖动的实例代码(通用代码)

网页常用特效代码整理

简单的防盗链功能代码(iframe)

必须点击广告才能进入的代码

特殊字符、常规符号及其代码对照表

你一定会收藏的Nodejs代码片段

精品推荐
分类导航