我有一个沼泽标准的登录表单-一个电子邮件文本字段，一个密码字段和一个提交按钮的AIR项目，使用HTML/jQuery。当我在表单上按Enter键时，整个表单的内容消失了，但表单没有提交。有人知道这是Webkit的问题吗(Adobe AIR使用Webkit进行HTML)，还是我把事情搞砸了?
我试着:
$('.input').keypress(function (e) {
if (e.which == 13) {
$('form#login').submit();
}
});
但是这既没有停止清除行为，也没有提交表单。没有与表单相关的操作——这可能是问题所在吗?我可以把一个javascript函数的行动?
当前回答
$('.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()相同。
其他回答
除了返回false，正如Jason Cohen提到的。你可能还需要preventDefault
e.preventDefault();
返回false以防止继续击键。
有什么理由你必须钩子和测试输入键吗?
你就不能简单地加一个
<input type="submit" />
到您的形式，并有它自然提交时，进入是按?如果你想的话，你甚至可以钩子表单的onsubmit动作并从那里调用验证函数……
你甚至可以使用onsubmit作为测试来查看你的表单是否被提交，但是如果你调用form.submit()它将不起作用。
在HTML代码中:
<form action="POST" onsubmit="ajax_submit();return false;">
<b>First Name:</b> <input type="text" name="firstname" id="firstname">
<br>
<b>Last Name:</b> <input type="text" name="lastname" id="lastname">
<br>
<input type="submit" name="send" onclick="ajax_submit();">
</form>
在Js代码中:
function ajax_submit()
{
$.ajax({
url: "submit.php",
type: "POST",
data: {
firstname: $("#firstname").val(),
lastname: $("#lastname").val()
},
dataType: "JSON",
success: function (jsonStr) {
// another codes when result is success
}
});
}
不知道这是否有帮助，但您可以尝试模拟单击提交按钮，而不是直接提交表单。我在生产中有以下代码，它可以正常工作:
$('.input').keypress(function(e) {
if(e.which == 13) {
jQuery(this).blur();
jQuery('#submit').focus().click();
}
});
注意:jQuery('#submit').focus()在按下enter键时使按钮动画化。
