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 相关文章推荐
事件绑定之小测试  onclick && addEventListener
Jul 31 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
js实现C#的StringBuilder效果完整实例
Dec 22 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
canvas实现手机端用来上传用户头像的代码
Oct 20 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
Node.js+Express+MySql实现用户登录注册功能
Jul 10 Javascript
使用vue的transition完成滑动过渡的示例代码
Jun 25 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 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
非常重要的php正则表达式详解
2016/01/04 PHP
ExtJS PropertyGrid中使用Combobox选择值问题
2010/06/13 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
了不起的node.js读书笔记之node.js中的特性
2014/12/22 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
JavaScript淡入淡出渐变简单实例
2015/08/06 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
JS实现电商放大镜效果
2017/08/24 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
vue实现学生信息管理系统
2020/05/30 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python中的格式化输出用法总结
2016/07/28 Python
Python实现读取邮箱中的邮件功能示例【含文本及附件】
2017/08/05 Python
Python实现使用request模块下载图片demo示例
2019/05/24 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
CSS3中Animation动画属性用法详解
2016/07/04 HTML / CSS
社区食品安全实施方案
2014/03/28 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
心得体会的写法
2014/09/05 职场文书
财务审计整改报告
2014/11/06 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android