Les événements jQuery ne fournissent pas de synchronisation des valeurs d'entrée à partir d'autres entrées lors de la soumission du formulaire

Question

$(document).ready(function () {

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

});
Ici, l'entrée du nom d'utilisateur est renseignée avec une nouvelle valeur, mais la valeur n'est pas disponible lorsque le formulaire est soumis. De plus, j'ai besoin d'une validation de champ sur le nom d'utilisateur qui se déclenche lors de la soumission même après que la valeur soit renseignée dans un événement jQuery. Comment conserver la valeur du nom d'utilisateur ?
$('#StaffNumber').on('input', function () {...});
$('#StaffNumber').on('keyup coller', function () {...});

J'ai également essayé les activités ci-dessus, mais toujours aucune valeur retenue !
            

Answer 1

Assurez-vous que le code de liaison de l'événement est dans $(document).ready(). Utilisez l'événement de changement au lieu de keyup pour le champ de saisie #StaffNumber. Combinez les deux keyup et modifiez les événements si nécessaire. Vérifiez la gestion de la soumission de formulaire personnalisé et empêchez le comportement de soumission de formulaire par défaut. Validez le code de validation du formulaire pour identifier la valeur mise à jour du nom d'utilisateur.