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


Posted in Javascript onNovember 05, 2013

其实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'; 
                    } 
                } 
            }); 
    }); 
});
 
Javascript 相关文章推荐
基于jquery实现的鼠标滑过按钮改变背景图片
Jul 15 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
js+div实现图片滚动效果代码
Feb 10 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
Jun 12 Javascript
微信小程序异步处理详解
Nov 10 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
vue中使用element组件时事件想要传递其他参数的问题
Sep 18 Javascript
ES6 Generator基本使用方法示例
Jun 06 Javascript
js jq 单击和双击区分示例介绍
Nov 05 #Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 #Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 #Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 #Javascript
js截取字符串的两种方法及区别详解
Nov 05 #Javascript
js实现在字符串中提取数字
Nov 05 #Javascript
提取字符串中年月日的函数代码
Nov 05 #Javascript
You might like
让PHP支持页面回退的两种方法[转]
2007/02/14 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
详解php中反射的应用
2016/03/15 PHP
php无限级评论嵌套实现代码
2018/04/18 PHP
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
2015/08/28 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
AngularJS入门教程之静态模板详解
2016/08/18 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
js实现轮播图特效
2020/05/28 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
城市规划毕业生求职信
2013/10/10 职场文书
化工机械应届生求职信
2013/11/04 职场文书
博士学位自我鉴定范文
2013/12/26 职场文书
护理工作感言
2014/01/16 职场文书
犯错检讨书
2014/02/21 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
中式结婚主持词
2014/03/14 职场文书
施工员岗位职责
2014/03/16 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
服务承诺书
2015/01/19 职场文书
公司庆典欢迎词
2015/01/26 职场文书
小学四年级班主任工作经验交流材料
2015/11/02 职场文书
Java Spring 控制反转(IOC)容器详解
2021/10/05 Java/Android