在表單提交期間，jQuery事件不提供來自其他輸入的輸入值同步

Question

$(document).ready(function () {

    $('#StaffNumber').on('keyup', function () {
        var staffNo = $(this).val();
        $('#Username').val('EMP' staffNo);
    });

});

這裡使用者名稱輸入填入了新值，但是在提交表單時該值不可用。此外，我還需要在使用者名稱上進行欄位驗證，即使在jQuery事件中填入了值後，也會在提交時觸發。如何保留使用者名稱的值?

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

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

我也嘗試了以上的活動，但還是沒有保留價值!

Answer 1

確保事件綁定程式碼在$(document).ready()中。對#StaffNumber輸入欄位使用更改事件而不是keyup。如果需要的話，結合兩個keyup和change事件。檢查自訂表單提交處理並防止預設表單提交行為。驗證表單驗證程式碼以識別Username的更新值。