jquery按回车提交数据的代码示例

204 阅读 0 评论 135 点赞

我是靠谱客的博主凶狠饼干，最近开发中收集的这篇文章主要介绍jquery按回车提交数据的代码示例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

其实jquery按回车提交数据是很简单的事情，我们只要检查测到用户按了回车就直接绑定事件.click就实现了提交了，在按钮上我们绑定ajax提交表单事件即可。
核心代码

复制代码代码如下:

$(document).ready(function(){ 
$("按下回车的控件").keydown(function(e){ 
var curKey = e.which; 
if(curKey == 13){ 
$("#回车事件按钮控件").click(); 
return false; 
} 
}); 
});
 

是用js的ajax功能同时支持回车事件

复制代码代码如下:

document.onkeydown = function (e) { 
var theEvent = window.event || e; 
var code = theEvent.keyCode || theEvent.which; 
if (code == 13) { 
$("#login_submit").click(); 
} 
}  

$(document).ready(function() { 
    //登录提交 
    $("#login_submit").bind('click',function(){ 
        var username=$("#username").val(); 
        var password=$("#password").val(); 

        $.ajax({ 
                type : 'POST', 
                url : './login.php', 
                data: {type :'ajax',username:username,password:password}, 
                success : function(msg){ 
                    //alert(msg); 
                    if(msg==-1){ 
                        alert('用户名不能为空'); 
                        $("#username").focus(); 
                    } 
                    if(msg==-2){ 
                        alert('用户名不存在'); 
                        $("#username").val(""); 
                        $("#username").focus(); 
                    } 
                    if(msg==-3){ 
                        alert('密码不能为空'); 
                        $("#password").focus(); 
                    } 
                    if(msg==-6){ 
                        alert('密码输入不正确'); 
                        $("#password").focus(); 
                    } 
                    if(msg==1){ 
                        //alert('登录成功'); 
                        window.location.href='./index.php'; 
                    } 

                } 
            }); 
    }); 

});
 