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 相关文章推荐
通过JAVAScript实现页面自适应
Jan 19 Javascript
Javascript倒计时页面跳转实例小结
Sep 11 Javascript
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
js判断是否按下了Shift键的方法
Jan 27 Javascript
jQuery控制cookie过期时间的方法
Apr 07 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
Bootstrap源码解读下拉菜单(4)
Dec 23 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
vue中的provide/inject的学习使用
May 09 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
May 09 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
php 无限分类的树类代码
2009/12/03 PHP
PHP中英混合字符串截取函数代码
2011/07/17 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
PHP实现十进制、二进制、八进制和十六进制转换相关函数用法分析
2017/04/25 PHP
DWR Ext 加载数据
2009/03/22 Javascript
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
原生JS检测CSS3动画是否结束的方法详解
2019/01/27 Javascript
layui清除radio的选中状态实例
2019/11/14 Javascript
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
Windows系统下安装Python的SSH模块教程
2015/02/05 Python
python2 与python3的print区别小结
2018/01/16 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
python的等深分箱实例
2019/11/22 Python
python实例化对象的具体方法
2020/06/17 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
Python中pass的作用与使用教程
2020/11/13 Python
耐克美国官网:Nike.com
2016/08/01 全球购物
100%有机精油,美容油:House of Pure Essence
2018/10/30 全球购物
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
业务主管岗位职责范本
2013/12/25 职场文书
杠杆的科学教学反思
2014/01/10 职场文书
大学生创业感言
2014/01/25 职场文书
教师专业自荐书范文
2014/02/10 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
企业法人任命书
2015/09/21 职场文书
MySQL批量更新不同表中的数据
2022/05/11 MySQL