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 类的使用详解
May 07 Javascript
从零学JS之你需要了解的几本书
May 19 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
动态更新highcharts数据的实现方法
May 28 Javascript
微信小程序加载更多 点击查看更多
Nov 29 Javascript
HTML的select控件美化
Mar 27 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
基于node.js实现微信支付退款功能
Dec 19 Javascript
JavaScript选择排序算法原理与实现方法示例
Aug 06 Javascript
对VUE中的对象添加属性
Sep 18 Javascript
vue单页缓存方案分析及实现
Sep 25 Javascript
js实现碰撞检测
Jan 29 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
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP合并discuz用户脚本的方法
2015/08/04 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
js常用代码段整理
2011/11/30 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
js获取当前页面的url网址信息
2014/06/12 Javascript
浅谈NodeJS中require路径问题
2015/05/07 NodeJs
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
jQuery实现的点击图片居中放大缩小功能示例
2019/01/16 jQuery
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
[06:20]2015国际邀请赛第三日top10
2015/08/08 DOTA
比较详细Python正则表达式操作指南(re使用)
2008/09/06 Python
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
Python标准库sched模块使用指南
2017/07/06 Python
Python2随机数列生成器简单实例
2017/09/04 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
TensorFlow实现打印每一层的输出
2020/01/21 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
python字典与json转换的方法总结
2020/12/28 Python
Foreo国际站:Foreo International
2018/10/29 全球购物
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
学校安全防火方案
2014/06/07 职场文书
历史学专业求职信
2014/06/19 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python