我有以下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;
}
});
其他回答
如果你只是想在进入和提交按钮时禁用提交，也可以使用表单的onsubmit事件
<form onsubmit="return false;">
你可以将“return false”替换为调用JS函数，该函数将执行所需的任何操作，并将提交表单作为最后一步。
下面的代码将禁止在提交表单时使用enter键，但仍然允许在文本区域中使用enter键。您可以根据需要进一步编辑它。
<script type="text/javascript">
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && ((node.type=="text") || (node.type=="radio") || (node.type=="checkbox")) ) {return false;}
}
document.onkeypress = stopRKey;
</script>
下面是一个简单的JavaScript解决方案，没有使用不同的处理键下或按键事件的变化:
document.forms[0].addEventListener('submit', function(e) {
if(document.activeElement.getAttribute('type') !== 'submit') {
e.preventDefault();
}
});
只有当页面上的活动元素是提交按钮时，才会提交表单。 因此，您可以通过单击提交按钮或在提交按钮有焦点时按ENTER键提交表单。
在firefox中，当你按下input并按下enter，它会提交它的上层形式。解决方案是在提交表单中添加以下内容:
<input type="submit" onclick="return false;" style="display:none" />
更短:
$('myform').submit(function() {
return false;
});
