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 */
    /* … */
}

如何检测按下Enter或按下提交的时间

1 个答案: