-1

ログインフォームを作成しようとしています。問題は、誰かが送信ボタンを押したときにのみアクションが実行されることです。ユーザーが入力をクリックした場合に機能を追加しようとしています

フィールドにEnterキーを押します（jqueryと通常のphpがない場合と同じように）、同じコードを実行してエラーをチェックするか、テストしている投稿検証に移動します。

A PHP $_POST page todo testing. に移動する完全な JQuery コードを次に示します。

$(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);

} );


});
4

1 に答える 1

0

複数のイベント ハンドラーを設定し、それらのイベント ハンドラーから検証関数を呼び出すことができます。次のコードを 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 */
    /* … */
}
于 2013-05-25T08:24:11.623 に答える