如何检测何时按下 Enter 或按下提交 [重复]

Question

我正在尝试创建一个登录表单。问题是它只会在有人点击提交按钮时执行操作，如果用户点击了输入，我会尝试添加功能

字段然后按回车键（就像没有 jquery 和普通 php 一样）它还将执行相同的代码来检查错误或转到我正在测试它的可验证帖子。

这里是完整的 JQuery 代码，用于 PHP $_POST 页面待办事项测试..

$(document).ready(function() {


$('#submit').click(function() {

      var user_login = $('#user_login').val();
      var password = $('#pass_login').val();


$.post('ajax/check.php', {user_login: user_login, password: password}, function(data) { 
$('#content').html(data);

} );


});

Answer 1

您可以设置多个事件处理程序并从这些事件处理程序调用验证函数。您也可以将以下代码组合到一个事件处理程序回调中。

var form = document.form['my-form'];

/* submit form via return-key */
form.on( 'keypress', 'input,button', function( event ) {
    if( event.keyCode == 13 ) {
        event.preventDefault();

        submitForm( form );
    }
} );

/* submit form via button click */
form.on( 'click', '[type=submit]', function( event ) {
    event.preventDefault();

    submitForm( form );
} );

/* disable default form submit */
form.on( 'submit', function( event ) {
    event.preventDefault();
    throw new Error( 'This form can\'t be submitted using submit(), we\'re using AJAX here.' );
} );

function submitForm( form )
{
    /* validation code here */
    /* … */

    /* then send AJAX request */
    /* … */
}