Discussion :

[Invité]

Bonjour,

J'ai un formulaire 3 champs mails.
J'aimerais que lorsque l'on saisie une adresse dans le 1er input (id="email") la valeur soit copié dans les deux autres (id="mailexp" et id="mailrep") à condition qu'il n'y est pas de valeur dans ces deux autres champs.

Merci de votre aide

[SpaceFrog]

et ? tu as un bout de code ?

[Invité]

Si tu parles d'un code JS, bah non car je ne sais pas comment faire.
C'est pour cette raison que je viens chercher de l'aide ici.

[SpaceFrog]

Heu direct dans le forum jquery ???

Tu ne penses pas que tu devrais commencer par regarder les bases de javascript avant ?

[Invité]

J'ai appris à utiliser Jquery pour d'autres choses à utiliser des plugings, mais là je ne sais pas comment faire, donc je demande une aide sur le forum.

Si je savais je ne demanderai rien, de plus, développeur c'est pas mon métier donc oui je demande cache de l'aide, car j'ai rien trouvé de bien intéressant sur GG.

[SpaceFrog]

recupérer le value d'un input:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#idchamps').val( )

attribuer une value à un input

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#idchamps').val( [value à attribuer] )

[Invité]

Merci pour ton aide.
J'ai donc fait ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#mail').keyup(function() {
	$('#mailexpe').val($('#mail').val());
	$('#mailrep').val($('#mail').val());
});

Cela fonction, mais par contre comment mettre un condition pour empécher le changement si une valeur existe déjà dans le champ '#mailexpe' ou '#mailrep' ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if($('#mailexpe').val()!=""){ }

[Invité]

Aussi simple que cela
Merci beaucoup pour ton aide et la rapidité de tes réponses.
Encore une bonne chose d’apprise

Juste une chose, dans mon cas pour que cela corresponde à mon besoin j'ai mis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if($('#mailexpe').val()=="")

est non pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if($('#mailexpe').val()!="")

[Bovino]

En réalité, c'est un peu plus compliqué, car le code donné ne fonctionnera correctement que pour le premier caractère (puisqu'ensuite les autres champs ne seront plus vides).
Il va falloir créer des flags au focus pour déterminer s'il faut remplir les autres ou non.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
$('#mail').on('focus', function(){
    $(this).data('mailexpe', $('#mailexpe').val() == '' || $('#mailexpe').val() == $(this).val());
    $(this).data('mailrep', $('#mailrep').val() == '' || $('#mailrep').val() == $(this).val());
    }
})
.on('keyup', function(){
    $(this).data('mailexpe') && $('#mailexpe').val($(this).val());
    $(this).data('mailrep') && $('#mailrep').val($(this).val());
});

Bon... c'est écrit à l'arrache et il y aura peut-être quelques ajustements, mais dans l'esprit c'est ça.

[Invité]

En effet, je n'avais pas vu ce pb car je fait un double clic sur mon champ pour afficher les valeurs préenregistrés.

Du coups j'ai utiliser ton code, j'ai supprimé l'accolade en trop ligne 5, rajouté le # manquant à 'mailexpe' et 'mailrep' et sa roule.

Merci a vous deux

[Bovino]

Effectivement, il y avait une accolade en trop, mais pas d'oubli de #...

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $(this).data('mailexpe')

data ...