我有一个沼泽标准的登录表单-一个电子邮件文本字段，一个密码字段和一个提交按钮的AIR项目，使用HTML/jQuery。当我在表单上按Enter键时，整个表单的内容消失了，但表单没有提交。有人知道这是Webkit的问题吗(Adobe AIR使用Webkit进行HTML)，还是我把事情搞砸了?
我试着:
$('.input').keypress(function (e) {
if (e.which == 13) {
$('form#login').submit();
}
});
但是这既没有停止清除行为，也没有提交表单。没有与表单相关的操作——这可能是问题所在吗?我可以把一个javascript函数的行动?
当前回答
$('form#login').keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which;
if (keyCode == 13)
{
e.preventDefault();
$('form#login').submit();
return false;
}
});
其他回答
你也可以简单地在页面的表单代码中添加onsubmit="return false"来防止默认行为。
然后钩(。在javascript文件中使用jQuery将表单的提交事件提交给任何函数。
下面是一个示例代码来提供帮助:
HTML
<form id="search_form" onsubmit="return false">
<input type="text" id="search_field"/>
<input type="button" id="search_btn" value="SEARCH"/>
</form>
Javascript + jQuery
$(document).ready(function() {
$('#search_form').live("submit", function() {
any_function()
});
});
这是在2011-04-13,Firefox 4.0和jQuery 1.4.3中运行的
$('form#login').keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which;
if (keyCode == 13)
{
e.preventDefault();
$('form#login').submit();
return false;
}
});
我现在用的
$("form").submit(function(event){
...
}
首先，我在提交按钮中添加了一个事件处理程序，它为我产生了一个错误。
$('.input').keypress(function (e) {
if (e.which == 13) {
$('form#login').submit();
return false; //<---- Add this line
}
});
看看这个stackoverflow的答案: event.preventDefault() vs. return false
从本质上讲，"return false"与调用e.c opreventdefault和e.c ostoppropagation()相同。
下面是一种用JQuery插件来实现这个功能的方法(以防你想重用这个功能):
$.fn.onEnterKey =
function( closure ) {
$(this).keypress(
function( event ) {
var code = event.keyCode ? event.keyCode : event.which;
if (code == 13) {
closure();
return false;
}
} );
}
现在，如果你想用这种类型的功能装饰<input>元素，它就像这样简单:
$('#your-input-id').onEnterKey(
function() {
// Do stuff here
} );
