En travaillant sur un projet, j'ai rencontré la situation de lier la touche "entrée", j'ai donc directement intercepté le code du scénario. Le code est le suivant :
fonction sendLoginData( ){
loginvalidateForm ();
$(document).keydown(function(event){
if(event.keyCode == 13){ //Bind Enter
$(' #login-submit ').click(); /Automatiquement/déclencher le bouton de connexion
}
}
$('#login-submit').click(function(){
if( $('#login-form').valid()==false){
return false
}
var username = $('#id_username'). val();
var password = $('#id_password').val();
$.ajax({
type:"post",
dataType:"json",
contentType : "application /x-www-form-urlencoded;charset=UTF-8",
url : "{% url netPan.User.views.LoginHd%}",
données :{
nom d'utilisateur : nom d'utilisateur,
mot de passe : mot de passe
},
beforeSend : function(){
//Demander des informations pour améliorer l'expérience utilisateur
$('#loginInfoWord').show(). text('est en cours de traitement, veuillez patienter...');
},
success:function(data){
var message = data.message;
if(message == 'D' ){
//Informations rapides pour améliorer l'expérience utilisateur
$('#loginInfoWord').show().text('Connexion réussie, saut...');
window.location.href = '{% url netPan.index.IndexHd%}';
}else if(message == 'C'){
$('#loginInfoWord').show().text('Utilisateur Nom ou mot de passe incorrect');
}else if(message == 'N'){
$('#loginInfoWord').show().text('Vous n'êtes pas encore inscrit ! ');
}else if(message == 'H'){
$('#loginInfoWord').show().text('Vous n'avez pas encore activé votre compte, veuillez vous connecter à votre messagerie pour activer votre compte !' );
}
},
erreur : function(xhr,textStatus,errorThrown){
$('#loginInfoWord').show().text('Exception s'est produit :' errorThrown);
}
});
});
/* Il peut être placé au-dessus ou en dessous, la commande n'a rien à voir. avec lui
$(document) .keydown(function(event){
if(event.keyCode == 13){ //Bind Enter
$('#login-submit'). click(); /Automatiquement/déclencher le bouton de connexion
}
}
*/
}