jQuery 이벤트는 양식 제출 중에 다른 입력의 입력 값 동기화를 제공하지 않습니다.

Question

$(document).ready(function () {

    $('#StaffNumber').on('keyup', 함수 () {
        var 직원No = $(this).val();
        $('#Username').val('EMP' + 직원번호);
    });

});

여기서 사용자 이름 입력은 새 값으로 채워지지만 양식을 제출할 때 해당 값을 사용할 수 없습니다. 또한 jQuery 이벤트에 값이 채워진 후에도 제출 시 실행되는 사용자 이름에 대한 필드 유효성 검사가 필요합니다. 사용자 이름의 값을 보존하는 방법은 무엇입니까?

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

$('#StaffNumber').on('keyup 붙여넣기', function () {...});

위 활동도 시도해 보았지만 여전히 가치가 유지되지 않았습니다!

Answer 1

이벤트 바인딩 코드가 $(document).ready()에 있는지 확인하세요. #StaffNumber 입력 필드에 대해 keyup 대신 변경 이벤트를 사용합니다. 필요한 경우 두 개의 키업 및 변경 이벤트를 결합합니다. 사용자 정의 양식 제출 처리를 확인하고 기본 양식 제출 동작을 방지합니다. 사용자 이름의 업데이트된 값을 식별하려면 양식 유효성 검사 코드를 검증하세요.