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 相关文章推荐
Extjs4 GridPanel 的几种样式使用介绍
Apr 18 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
jQuery侧边栏实现代码
May 06 Javascript
Bootstrap3.0学习教程之JS折叠插件
May 27 Javascript
微信小程序实战之自定义抽屉菜单(7)
Apr 18 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
详解Vue路由钩子及应用场景(小结)
Nov 07 Javascript
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
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下载远程文件类(支持断点续传)
2008/11/14 PHP
PHP安全防范技巧分享
2011/11/03 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
JavaScript 判断判断某个对象是Object还是一个Array
2010/01/28 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
使用Object.defineProperty实现简单的js双向绑定
2016/04/15 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
javascript history对象详解
2017/02/09 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
Vue组件创建和传值的方法
2018/08/17 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
2019/11/26 Javascript
[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05
2020/11/05 DOTA
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
python实现百度语音识别api
2018/04/10 Python
python和opencv实现抠图
2018/07/18 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
PyQt5高级界面控件之QTableWidget的具体使用方法
2020/02/23 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
大学毕业生通用自荐信范文
2013/10/31 职场文书
组织关系转移介绍信
2014/01/16 职场文书
十岁生日家长答谢词
2014/01/17 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
pytorch 中nn.Dropout的使用说明
2021/05/20 Python