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 相关文章推荐
仿服务器端脚本方式的JS模板实现方法
Apr 27 Javascript
网站基于flash实现的Banner图切换效果代码
Oct 14 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
vuejs指令详解
Feb 07 Javascript
使用clipboard.js实现复制功能的示例代码
Oct 16 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
微信小程序自定义对话框弹出和隐藏动画
Jul 19 Javascript
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
Feb 21 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 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静态类
2006/11/25 PHP
php获得用户ip地址的比较不错的方法
2014/02/08 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
Smarty实现页面静态化(生成HTML)的方法
2016/05/23 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
PHP7新增函数
2021/03/09 PHP
Javascript 去除数组的重复元素
2010/05/04 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
JavaScript函数详解
2014/11/17 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
浅谈JavaScript 标准对象
2016/06/02 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
2016/06/25 Javascript
Javascript 函数的四种调用模式
2016/11/05 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2017/07/24 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
python中pygame针对游戏窗口的显示方法实例分析(附源码)
2015/11/11 Python
Python利用turtle库绘制彩虹代码示例
2017/12/20 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
法国在线药房:1001Pharmacies
2021/03/07 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
一套英文Java笔试题面试题
2016/04/21 面试题
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
会计工作检讨书
2015/02/19 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
浅谈Mysql多表连接查询的执行细节
2021/04/24 MySQL