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 相关文章推荐
IE和Firefox下javascript的兼容写法小结
Dec 10 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
Oct 20 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
Jun 15 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
jQuery倒计时代码(超简单)
Feb 27 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
vue项目刷新当前页面的三种方法
Dec 04 Javascript
vue 兄弟组件的信息传递的方法实例详解
Aug 30 Javascript
小程序如何获取多个formId实现详解
Sep 20 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
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
JavaScript 对象模型 执行模型
2009/12/06 Javascript
js 距离某一时间点时间是多少实现代码
2013/10/14 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
nodejs基础知识
2017/02/03 NodeJs
React Native验证码倒计时工具类分享
2017/10/24 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
JavaScript检测浏览器是否支持CSS变量代码实例
2020/04/03 Javascript
js仿京东放大镜效果
2020/08/09 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
PyCharm 2020.2 安装详细教程
2020/09/25 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
萨克斯第五大道的折扣店:Saks Fifth Avenue OFF 5TH
2016/08/25 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
公司JAVA开发面试题
2015/04/02 面试题
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
入股协议书范本
2014/11/01 职场文书
2014年审计工作总结
2014/11/17 职场文书
表扬稿范文
2015/01/17 职场文书
2015年暑期社会实践活动总结
2015/03/27 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript