我有以下javascript在我的页面似乎不工作。
$('form').bind("keypress", function(e) {
if (e.keyCode == 13) {
e.preventDefault();
return false;
}
});
我想在进入时禁用提交表单，或者更好的是，调用我的ajax表单提交。任何一种解决方案都是可以接受的，但上面包含的代码不会阻止表单提交。
当前回答
我不知道你是否已经解决了这个问题，或者现在有人试图解决这个问题，但是，这是我的解决方案!
$j(':input:not(textarea)').keydown(function(event){
var kc = event.witch || event.keyCode;
if(kc == 13){
event.preventDefault();
$j(this).closest('form').attr('data-oldaction', function(){
return $(this).attr('action');
}).attr('action', 'javascript:;');
alert('some_text_if_you_want');
$j(this).closest('form').attr('action', function(){
return $(this).attr('data-oldaction');
});
return false;
}
});
其他回答
完整的解决方案在JavaScript的所有浏览器
上面的代码和大多数解决方案都是完美的。 然而，我认为最喜欢的是一个不完整的“简短回答”。
这就是全部答案。在JavaScript和本地支持IE 7以及。
var form = document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault(); return false;});
这个解决方案现在将阻止用户使用enter Key提交，并且不会重新加载页面，或者如果您的表单位于页面下方的某个位置，则不会将您带到页面顶部。
在firefox中，当你按下input并按下enter，它会提交它的上层形式。解决方案是在提交表单中添加以下内容:
<input type="submit" onclick="return false;" style="display:none" />
$('#FormID').on('keyup keypress', function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
return false;
}
});
以上大多数答案将阻止用户在textarea字段中添加新行。如果这是你想要避免的情况，你可以通过检查当前有焦点的元素来排除这种特殊情况:
var keyCode = e.keyCode || e.which;
if (keyCode === 13 && !$(document.activeElement).is('textarea')) {
e.preventDefault();
return false;
}
更短:
$('myform').submit(function() {
return false;
});
