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 相关文章推荐
参考:关于Javascript中实现暂停的几篇文章
Mar 04 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
Javascript单元测试框架QUnitjs详细介绍
May 08 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
ajax+jQuery实现级联显示地址的方法
May 06 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 Javascript
jQuery通过ajax快速批量提交表单数据
Oct 25 Javascript
详解vuex的简单使用
Mar 12 Javascript
基于Vue SEO的四种方案(小结)
Jul 01 Javascript
如何使用JavaScript策略模式校验表单
Apr 29 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
php自定义函数转换html标签示例
2016/09/29 PHP
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
2015/11/21 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
非常漂亮的相册集 使用jquery制作相册集
2016/04/28 Javascript
微信小程序 rpx 尺寸单位详细介绍
2016/10/13 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
2016/12/26 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
老生常谈ES6中的类
2017/07/31 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
JavaScript async/await原理及实例解析
2020/12/02 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[01:54]TI4西雅图DOTA2选手欢迎晚宴 现场报道
2014/07/08 DOTA
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
用Python和MD5实现网站挂马检测程序
2014/03/13 Python
Python ORM框架SQLAlchemy学习笔记之安装和简单查询实例
2014/06/10 Python
说说如何遍历Python列表的方法示例
2019/02/11 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
Python制作简单的剪刀石头布游戏
2020/12/10 Python
Fanatics英国官网:美国体育电商
2018/11/06 全球购物
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
个人简历的自荐信
2013/10/23 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
师德师风个人整改措施
2014/10/27 职场文书
出国留学英文自荐信
2015/03/25 职场文书
企业党建工作总结2015
2015/05/26 职场文书
熟背这些句子,让您的英语口语突飞猛进(135句)
2019/09/06 职场文书
MySQL的索引你了解吗
2022/03/13 MySQL
【海涛教你打DOTA】虚空假面第一视角骨弓3房29杀
2022/04/01 DOTA
Oracle使用别名的好处
2022/04/19 Oracle