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 直接操作本地文件的实现代码
Dec 01 Javascript
Firebug入门指南(Firefox浏览器)
Aug 21 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
Node.js的Express框架使用上手指南
Mar 12 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
微信小程序 密码输入(源码下载)
Jun 27 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
vue 集成jTopo 处理方法
Aug 07 Javascript
JavaScript实现背景自动切换小案例
Sep 27 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 array的学习笔记
2012/05/16 PHP
PHP计数器的实现代码
2013/06/08 PHP
Codeigniter中禁止A Database Error Occurred错误提示的方法
2014/06/12 PHP
php备份数据库类分享
2015/04/14 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
JS实现图片预加载无需等待
2012/12/21 Javascript
JavaScript?Apple设备检测示例代码
2013/11/15 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
移动端横屏的JS代码(beta)
2016/05/16 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
使用jQuery,Angular实现登录界面验证码详解
2017/04/27 jQuery
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
vue.js组件之间传递数据的方法
2017/07/10 Javascript
详解vue-cli项目中怎么使用mock数据
2018/05/29 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
Python读大数据txt
2016/03/28 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
pyqt5、qtdesigner安装和环境设置教程
2019/09/25 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
python UIAutomator2使用超详细教程
2021/02/19 Python
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
幼儿园教师教育感言
2014/02/28 职场文书
不错的求职信范文
2014/07/20 职场文书
面试复试通知单
2015/04/24 职场文书
MySQL数据库必备之条件查询语句
2021/10/15 MySQL