Compléter un champ input avec 2 autres [Résolu]

[RobertP]

Bonjour,

J'ai 3 champs dans un formulaire : Nom, prénom et login. J'aimerai que l'utilisateur tape son nom et son prénom et que login se propose tout seul sous la forme "nom_prenom".

Comment faire ça avec JQuery ? ais-je besoin obligatoirement d'un plugin ?

Merci

[healou]

Salut,

Essaye ceci, je pense que ca pourrait te correspondre

Code :

1
2
3
4
5
6
7
8
9
$('#nom').blur(function(){changeLogin()}
$('#prenom').blur(function(){changeLogin()}
 
function changeLogin(){
     var nom = $('#nom').val();
     var prenom= $('#prenom').val();
 
     if(nom != '' && prenom != '') $('#prenom').val(nom+'_'+prenom)
}

Bonne journée

[RobertP]

Salut,
Merci pour ta réponse, je n'avais pas eu le temps de tester ceci car j'avais un autre problème à résoudre, je viens néanmoins de tester et cela ne fonctionne pas, j'ai un champ "nom", un champ "prenom" et celui qui doit se compléter est "login", j'ai modifié la dernière ligne par :

Code :

1
2
if(nom != '' && prenom != '') $('#prenom').val(nom+'_'+prenom)
}

Mais ça ne fonctionne pas...

Quelqu'un a une idée ?

Merci

[danielhagnoul]

Bonjour

Le code proposé par @healou fonctionne.

Mode d'emploi : si les champs "nom" et "prenom" sont remplis, le champ "login" reçoit une valeur par défaut lorsque l'utilisateur lui donne le focus ou lorsqu'il donne le focus à un autre élément de la page web.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$("#nom, #prenom").blur(function(){
	changeLogin();
});
 
function changeLogin(){
	var nom = $("#nom").val(),
		prenom= $("#prenom").val();
 
	if (nom.length > 0 && prenom.length > 0){
		$("#login").val(nom + "_" + prenom);
	} else {
		$("#login").val("");
	}
}

[Bovino]

On pourrait aussi envisager un remplissage automatique en direct :

Code :

1
2
3
$('#nom, #prenom').keyup(function(){
    $('#login').val($('#prenom').val()+'_'+$('#nom').val());
});

[RobertP]

Merci beaucoup, ça marche très bien... j'aime bien la mise à jour dès qu'on tape...