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中的call()和apply()方法
Nov 28 Javascript
node.js中的fs.mkdir方法使用说明
Dec 17 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 Javascript
XMLHttpRequest Level 2 使用指南
Aug 26 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
js监听html页面的上下滚动事件方法
Sep 11 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 Javascript
通过实例解析js可枚举属性与不可枚举属性
Dec 02 Javascript
Vue全家桶入门基础教程
May 14 Vue.js
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&mysql(五)
2006/10/09 PHP
codeigniter中测试通过的分页类示例
2014/04/17 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
Python基本类型的连接组合和互相转换方式(13种)
2019/12/16 Python
django-利用session机制实现唯一登录的例子
2020/03/16 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
python3中布局背景颜色代码分析
2020/12/01 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
详解HTML5新增标签
2017/11/27 HTML / CSS
Java里面有没有全局变量?为什么?
2015/02/06 面试题
php优化查询foreach代码实例讲解
2021/03/24 PHP
生产车间主任的个人自我鉴定
2013/10/25 职场文书
认识深刻的检讨书
2014/02/16 职场文书
矿泉水广告词
2014/03/20 职场文书
2015年中个人总结范文
2015/03/10 职场文书
《西门豹》教学反思
2016/02/23 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
使用golang编写一个并发工作队列
2021/05/08 Golang
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
Python基础之变量的相关知识总结
2021/06/23 Python
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技