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 23 Javascript
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
javascript对JSON数据排序的3个例子
Apr 12 Javascript
javascript中in运算符用法分析
Apr 28 Javascript
js获取滚动距离的方法
May 30 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
Oct 24 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中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
jQuery TextBox自动完成条
2009/07/22 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
js实现导航跟随效果
2018/11/17 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
vuecli项目构建SSR服务端渲染的实现
2020/10/30 Javascript
10种检测Python程序运行时间、CPU和内存占用的方法
2015/04/01 Python
python中lambda与def用法对比实例分析
2015/04/30 Python
Python sys.argv用法实例
2015/05/28 Python
Python中的条件判断语句基础学习教程
2016/02/07 Python
python用户管理系统的实例讲解
2017/12/23 Python
使用 Python 实现微信群友统计器的思路详解
2018/09/26 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
python小项目之五子棋游戏
2019/12/26 Python
python plt可视化——打印特殊符号和制作图例代码
2020/04/17 Python
Python闭包与装饰器原理及实例解析
2020/04/30 Python
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
实习求职信
2013/12/01 职场文书
银行办公室岗位职责
2014/03/10 职场文书
建筑横幅标语
2014/10/09 职场文书
总结会主持词
2015/07/02 职场文书
简短清晨问候语
2015/11/10 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
Flink 侧流输出源码示例解析
2022/09/23 Servers