jQuery 捕获回车事件并提交表单例子

最简单的办法是

 代码如下 复制代码

onkeydown=”if(event.keyCode==13) {document.getElementById(‘button1′).click();return false;}”

关键在于,onkeown的时间处理函数,需要一个返回值。

这里是触发了click() 事件

js捕捉回车键

 代码如下 复制代码

function getEnter(obj,evt){
if(evt.keyCode == 13){
var target = $(":input").not(":radio,select,:reset");
for(var i=0;i<target.length;i++){
if(target.get(i).name==obj.name){
i++;
if(i==target.length-1){
$(target.get(i)).focus();
// 表单提交
$("form").submit(function(){
formSubmit();
return false;
});
}
$(target.get(i)).focus();
return false;
}
}
}
}

jquery捕捉回车键:

 代码如下 复制代码

$("html").die().live("keydown",function(event){
if(event.keyCode==13){
//这里添加要处理的逻辑
}
});

//绑定回车动作
$('textarea[name=chattext]').keydown(function(event){
if(event.which==13){

}
});

时间: 2024-11-05 16:04:30

jQuery 捕获回车事件并提交表单例子的相关文章

JS和jQuery使用submit方法无法提交表单的原因分析及解决办法_javascript技巧

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现 名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么 问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个

jquery+ajax验证不通过也提交表单问题处理_jquery

validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证.          这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如: 复制代码 代码如下: //验证不通过时return      if(!$("form#ajaxForm&q

如何防止回车(enter)键提交表单_javascript技巧

如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();&q

jQuery通过ajax快速批量提交表单数据_jquery

当表单数据项很多时,手动获取表单项的值将变得效率低下,结合jQuery提供的函数serialize(),我们可以实现快速获取数据并提交表单数据. 请看下面的表单: <form id="fm"> <table> <tr> <td>姓名</td> <td> <input type="text" name="name" /> </td> </tr>

jquery ajax 如何向jsp提交表单数据_jquery

AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职的时候屡被淘汰.我也是一个WEB程序开发者,当然我也要 "随波逐流"一把,不然饭碗不保啊! 之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐.学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery.Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后

Jquery Validation插件防止重复提交表单的解决方法_jquery

由于在项目中应用了Jquery Validation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮.CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码.代码如下: js: 代码 复制代码 代码如下: function disableBtn(btnID, newText) { Page_IsValid = null; if (typeo

php防止站外远程提交表单例子

例子一,我们每一次打开提交页面生成一个token然后保存在session中,当表单提交时我们来判断当前的token值与session是否一致,如果是的就是正常提交否则就是无效提交了. 代码  代码如下 复制代码 <?php     session_start();          if ($_POST['submit'] == "go"){         //check token         if ($_POST['token'] == $_SESSION['token

jquery动态改变form属性提交表单_jquery

有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求. 如: 复制代码 代码如下: <form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe">

jQuery实现ctrl+enter(回车)提交表单_jquery

以jQuery插件开发的方法开发.具体代码如下: jQuery.fn.extend({ /** * ctrl+enter提交表单 * @param {Function} fn 操作后执行的函数 * @param {Object} thisObj 指针作用域 */ ctrlSubmit:function(fn,thisObj){ var obj = thisObj || this; var stat = false; return this.each(function(){ $(this).key