jQuery イベントは、フォーム送信中に他の入力からの入力値の同期を提供しません。

Question

$(document).ready(function () {

    $('#StaffNumber').on('keyup', function () {
        var StaffNo = $(this).val();
        $('#ユーザー名').val('EMP' スタッフ番号);
    });

});

ここでは、ユーザー名の入力には新しい値が入力されていますが、フォームの送信時にはその値は使用できません。さらに、jQuery イベントに値が入力された後でも、送信時に実行されるユーザー名のフィールド検証が必要です。ユーザー名の値を保存するにはどうすればよいですか?

$('#StaffNumber').on('input', function () {...});

$('#StaffNumber').on('keyup past', function () {...});

上記のアクティビティも試しましたが、まだ値が保持されていません!

Answer 1

イベント バインディング コードが $(document).ready() にあることを確認してください。 #StaffNumber 入力フィールドにはキーアップの代わりに変更イベントを使用します。 2 つのキーアップを結合し、必要に応じてイベントを変更します。カスタム フォーム送信の処理を確認し、デフォルトのフォーム送信動作を防止します。フォーム検証コードを検証して、ユーザー名の更新された値を識別します。