Remplissage dynamique champ email

Version imprimable

26/02/2008, 10h47
killingspree

Remplissage dynamique champ email

Bonjour à tous,

Donc mon souhait est de permettre de préremplir le champ email d'un formulaire en fonction du nom et prenom que l'on aura saisi. Un email de la sorte : prenom.nom@domaine.com

j'imagine qu'il faudra utiliser un élément onchange sur les champs textes ou quelque chose dans ce style mais je suis débutant en javascript si vous pouviez me guider.

Merci par avance.
26/02/2008, 14h41
SpaceFrog

le domaine est toujours le même ?
26/02/2008, 14h55
killingspree

Oui le domaine est toujours le même Spacefrog.

Code:

1
2
3
4
5
6
<input id="email" type='text' style="width:300px;" />
<script type='text/javascript'>
var surName= prompt('entrez votre prénom','prénom');
var firstName= prompt('entrez votre Nom','Nom');
document.getElementById('email').value=surName+"."+firstName+"@domaine.fr"
</script>

26/02/2008, 15h17
killingspree

Merci a toi Spacefrog, cela fonctionne mais ce n'est pas tout à fait ce que je voulais dire, je me suis peut-être mal exprimé.
J'ai déjà des champs de type "text" dans lesquels l'utilisateur renseigne son nom et son prénom et donc ce que je voudrais c'est qu'après avoir renseigné ses nom et prénom, le champ email se remplisse tout seul.

J'espère avoir été plus clair.

Merci par avance.
26/02/2008, 15h24
SpaceFrog

ben tu pourrais partir du code donné et l'adapter ... :roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type='text/javascript'>
function completeMail(){
var pren= document.getElementById('prenom').value
var nom= document.getElementById('nom').value;
if (pren.length>1 && nom.length>2){
		document.getElementById('email').value=pren+'.'+nom+'@domaine.fr';
		}
}
</script>
</head>
 
<body>
premon: <input id="prenom" type='text' style="width:100px;" onchange="completeMail();"/>
nom: <input id="nom" type='text' style="width:100px;" onchange="completeMail();" /><br />
email:
<input id="email" type='text' style="width:300px;" />
 
</body>

26/02/2008, 15h49
killingspree

Merci bien Spacefrog, cela fonctionne parfaitement. J'ai essayé de l'adapter au depart mais cela se remplissait uniquement lorsque l'on cliquait sur le champ email maintenant c'est impeccable.

Merci encore et à bientôt.
26/02/2008, 16h03
killingspree

En fait j'ai un nouveau soucis. Cela ne marche pas sous firefox, uniquement sous IE, et l'application risque d'être utilisée principalement sur Firefox.
Y a-t-il la possibilité d'adapter ce code pour qu'il fonctionne sous les deux ?

Merci par avance.
26/02/2008, 16h08
SpaceFrog

je n'ai aucun souci sous FFX ça focntionne tout aussi bien ???

fais voir ton code ?

Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function completeMail() { var pren= document.getElementById('prenomAgent').value; var nom= document.getElementById('nomAgent').value; pren = pren.toLowerCase(); nom = nom.toLowerCase(); if (pren.length>1 && nom.length>2) { document.getElementById('emailAgent').value=pren+'.'+nom+'@highdeal.com'; } }
et dans les input

Code:

onchange="javascript:completeMail()"

Mon appli est sur un serveur distant. Lorsque j'y accède à partir de Firefox il ne se passe rien quand je remplis les champs et quand j'y accède à partir d'IE, cela marche ....

Et dans outils>options>contenu(de firefox) la case Activer javascript est bien cochée

Merci par avance.

26/02/2008, 16h16
SpaceFrog

Code:

onchange="completeMail()"

ne pas oublier onchange ne se declenche que lorsque deux conditions sont réunies: le contenu change ET l'objet perd le focus
26/02/2008, 16h18
killingspree

Oui oui je sais, cela fonctionne avec IE, lorsque je fais tabulation par exemple ou que je clique ailleurs mais sous firefox rien ne se passe ...

Merci par avance
26/02/2008, 16h21
SpaceFrog

tu as bein des id et pas des names ...
on peut voir les inputs aussi ?
26/02/2008, 16h26
killingspree

J'ai les 2.

Code:

<input name="nomAgent" id="nomAgent" onchange="completeMail()">

Merci par avance
26/02/2008, 16h28
SpaceFrog

Code:

<input name="nomAgent" id="nomAgent" onchange="completeMail()" type='text' />

manque le type et la fermeture ...
26/02/2008, 16h30
killingspree

Mais je pense que le soucis vient de la configuration de Firefox car lorsque je mets quelque chose dans le champ nomAgent par exemple et que je fais un refresh de la page, ma saisie reste dans le champ, bizarre .... !

Même avec le type et la fermeture cela ne fonctionne pas.
D'ailleurs la fermeture n'est-elle pas facultative pour une balise de la sorte ?

Merci par avance
26/02/2008, 16h34
SpaceFrog

non le fait que la sasie reste est une focntionalité normale de ffx ...
26/02/2008, 16h38
killingspree

ok, c'est parce que j'avais l'impression que la page ne se rechargeait pas, enfin qu'il ne se passait rien.
26/02/2008, 16h45
SpaceFrog

a ce moment là dans le onload tu remets les champs vide ...
26/02/2008, 16h48
killingspree

Non c'est bon j'ai trouvé la solution. C'est tout simplement le champ emailAgent qui n'avait pas d'id, le seul que je n'ai pas vérifié, comme les autres en avaient un je pensais que c'était bon pour lui aussi :x

En tout cas merci beaucoup Spacefrog et à bientôt.