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 相关文章推荐
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
Nov 24 Javascript
function foo的原型与prototype属性解惑
Nov 19 Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
jquery-syntax动态语法着色示例代码
May 14 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
Vue中实现回车键切换焦点的方法
Feb 19 Javascript
JavaScript实现多球运动效果
Sep 07 Javascript
JS检测浏览器开发者工具是否打开的方法详解
Oct 02 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
node.js使用express-fileupload中间件实现文件上传
Jul 16 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
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
php中随机函数mt_rand()与rand()性能对比分析
2014/12/01 PHP
PHP7.1方括号数组符号多值复制及指定键值赋值用法分析
2016/09/26 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
2017/08/07 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
JavaScript中出现乱码的处理心得
2009/12/24 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
2013/03/14 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
Javascript判断图片尺寸大小实例分析
2014/06/16 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
JS中的回调函数实例浅析
2018/03/21 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
python实现周期方波信号频谱图
2018/07/21 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
澳大利亚家具商店:Freedom
2020/12/17 全球购物
预防艾滋病宣传标语
2014/06/25 职场文书
交通事故被告代理词
2015/05/23 职场文书
python实现语音常用度量方法的代码详解
2021/05/25 Python
idea搭建可运行Servlet的Web项目
2021/06/26 Java/Android