Comment utiliser l'événement on key up avec option de délai d'attente. Les valeurs saisies doivent renvoyer les données qui correspondent dans la base de données
ici mon code Jquery est
function searchUserId() {
var userId = $('#userId').val();
//var moduleID = $('#moduleIdList').val();
$.ajax({
url: "controlpanel/SearchUserData",
type: "POST",
data: "userId=" + userId,
//+ "&roleName=" + roleName,
//For Progress Bar
success: function(response) {
alert(userId);
$('#page-wrapper').html(response);
}
});
}
<input type="text" tabindex="1" class="form-control" name="userId" id="userId" maxlength="20"
onkeyup="searchUserId();"data-validation-engine="validate[required]"/>
Par "option de délai d'attente", je suppose que vous entendez l'utiliser pour déclencher la fonction uniquement lorsque l'utilisateur a fini de taper.
Vous devez d'abord supprimer l' onkeyupattribut du code HTML.
Ajoutez ensuite les éléments suivants à votre JS :
var timer;
$('#userId').on('keyup', function() {
if (timer) clearTimeout(timer);
timer = setTimeout(searchUserId,300);
});
Cela réinitialisera la minuterie si un autre événement de keyup est déclenché dans les 300 ms, de sorte que la fonction ne sera pas déclenchée lorsque l'utilisateur est encore en train de taper. Bien sûr, vous pouvez définir cette valeur sur n'importe quelle valeur.
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots