在表单提交期间，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的更新值。