Question

无论如何我可以提交没有提交按钮的表单，但只有当用户按下Enter按钮时？有点像在Facebook上评论时，你有TEXTAREA但没有提交按钮。按下后输入用Ajax提交的表单。

谢谢，

乔尔

Answer 1

在textarea上设置onkeyup或onkeydown事件，后者更好，因为它会在新行添加到textarea之前触发

var $form = $( '#yourForm' );

$( '#yourTextArea' ).keydown(function( e ){
    if( e.keyCode == 13 ){
        $form.submit();
    }
});

$form.submit(function(){
    alert( 'submitted' );
    return false;
});

Answer 2

以下功能检查键码是13还是Enter键。如果是，则该函数调用submitformnow函数。

<script type="text/javascript">
function submitform(myfield, e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;
if (keycode == 13)
{   
    submitformnow();
    return false;
}
else return true;
}
function submitformnow(){document.myform.submit();}
</script>

然后，在您的文本区域中，放置onkeypress="return submitform(this, event)"。

用enter提交表单

2 个答案: