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 相关文章推荐
mapper--图片热点区域高亮组件官方站点
Dec 22 Javascript
javascript 写类方式之六
Jul 05 Javascript
JavaScript读取中文cookie时的乱码问题的解决方法
Oct 14 Javascript
使用JavaScript switch case 另类写法
Mar 14 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
Jan 15 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
May 28 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
jquery实现动态添加附件功能
Oct 23 jQuery
TypeScript高级用法的知识点汇总
Dec 17 Javascript
es6数组includes()用法实例分析
Apr 18 Javascript
vue中的循环对象属性和属性值用法
Sep 04 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
Nov 11 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
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
基于pear auth实现登录验证
2010/02/26 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
php如何解决无法上传大于8M的文件问题
2014/03/10 PHP
php判断一个数组是否为有序的方法
2015/03/27 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
Js实现自定义右键行为
2015/03/26 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
2017/06/21 Javascript
使用react context 实现vue插槽slot功能
2019/07/18 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
JavaScript 装逼指南(js另类写法)
2020/05/10 Javascript
[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[03:07]完美世界DOTA2联赛PWL DAY10 决赛集锦
2020/11/11 DOTA
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
python虚拟环境的安装配置图文教程
2017/10/20 Python
python输入多行字符串的方法总结
2019/07/02 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
Python求凸包及多边形面积教程
2020/04/12 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
专升本自我鉴定
2013/10/10 职场文书
购房协议书
2014/04/11 职场文书
共青团员自我评价范文
2014/09/14 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
机关干部正风肃纪心得体会
2016/01/15 职场文书
观看《信仰》心得体会
2016/01/15 职场文书
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏