Jquery 使用enter提交表单

Jquery 使用enter提交表单,jquery,Jquery,我是否可以在没有提交按钮的情况下提交表单,但只能在用户按Enter按钮时提交?就像在Facebook上发表评论一样,你有文本区,但没有提交按钮。按enter键后,输入使用Ajax提交的表单 谢谢 Joel下面的函数检查键代码是13还是Enter键。如果是,该函数将调用submitformnow函数 <script type="text/javascript"> function submitform(myfield, e) { var keycode; if (window.even

我是否可以在没有提交按钮的情况下提交表单,但只能在用户按Enter按钮时提交?就像在Facebook上发表评论一样,你有文本区,但没有提交按钮。按enter键后,输入使用Ajax提交的表单

谢谢


Joel

下面的函数检查键代码是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>

函数提交表单(myfield,e)
{
var键码;
如果(window.event)keycode=window.event.keycode;
如果(e)keycode=e,则为else;
否则返回true;
如果(键代码==13)
{   
submitformnow();
返回false;
}
否则返回true;
}
函数submitformnow(){document.myform.submit();}

然后,在文本区域中,放置
onkeypress=“return submitform(this,event)”

在文本区域中设置
onkeypup
onkeypdown
事件,后者更好,因为它在新行添加到文本区域之前触发

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

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

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