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 相关文章推荐
js 获取radio按钮值的实例
Aug 17 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
angularjs实现文字上下无缝滚动特效代码
Sep 04 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
May 18 Javascript
解决Layui 表格自适应高度的问题
Nov 15 Javascript
javascript+Canvas实现画板功能
Jun 23 Javascript
在vue中配置不同的代理同时访问不同的后台操作
Sep 11 Javascript
javascript实现简易计算器功能
Sep 23 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
JavaScript实现优先级队列
Dec 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
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
基于jquery的$.ajax async使用
2011/10/19 Javascript
Javascript 垃圾收集机制介绍理解
2013/05/14 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
微信小程序 picker 组件详解及简单实例
2017/01/10 Javascript
jQuery实现的浮动层div浏览器居中显示效果
2017/02/03 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
令按钮悬浮在(手机)页面底部的实现方法
2017/05/02 Javascript
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
微信小程序ibeacon三点定位详解
2018/10/31 Javascript
koa2实现登录注册功能的示例代码
2018/12/03 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
JavaScript实现电灯开关小案例
2020/03/30 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
浅谈对yield的初步理解
2017/05/29 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
基于python模拟bfs和dfs代码实例
2020/11/19 Python
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
介绍一下linux的文件系统
2012/03/20 面试题
物流毕业生个人的自我评价
2014/02/13 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
综艺节目策划方案
2014/06/13 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
Django rest framework如何自定义用户表
2021/06/09 Python
简单介绍Python的第三方库yaml
2021/06/18 Python
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js