Compléter un champ input avec 2 autres

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

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 :)

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

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(""); } }

---

On pourrait aussi envisager un remplissage automatique en direct :

Code:

---

1 2 3

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

---

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