Copie des champs dans JS
Fermé
black_heart
Messages postés
346
Date d'inscription
dimanche 3 août 2008
Statut
Membre
Dernière intervention
31 janvier 2016
-
1 juin 2012 à 11:50
A.Nonymous - 1 juin 2012 à 14:33
A.Nonymous - 1 juin 2012 à 14:33
A voir également:
- Copie des champs dans JS
- Copie cachée - Guide
- Super copie - Télécharger - Gestion de fichiers
- Copie écran samsung - Guide
- Copie disque dur - Guide
- Copie rapide - Télécharger - Gestion de fichiers
2 réponses
Alain_42
Messages postés
5361
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
894
1 juin 2012 à 14:18
1 juin 2012 à 14:18
tu appelles ta fonction verif par onsubmit , donc la fonction n'a pas le temps d'afficher les valeurs dans la deuxième partie le formulaire part vant.
je t'ai commencé les modifs pour le champ nom et le pays fais pareil pour les autres
ligne -- chosisssez-- obligatoire pour avoir un changement a tous les coups
je t'ai commencé les modifs pour le champ nom et le pays fais pareil pour les autres
ligne -- chosisssez-- obligatoire pour avoir un changement a tous les coups
<html>
<head>
<title>*** TEST_JS ***</title>
</head>
<script language="JavaScript">
function verif()
{
var message='' ;
if (document.f1.nom.value==''||document.f1.sexe.value==''||document.f1.age.age==''||document.f1.mail.value==''||document.f1.pays.value=='') ;
message=message+'Ces champs sont incorrecte' ;
if(document.f1.nom.value=="")message=message+'\n-Nom invalide' ;
if(document.f1.sex[0].checked==false && document.f1.sex[1].checked==false) message=message+'\n -Cochez une case svp ';
var a=document.f1.age.value;
if(a.value=="") message=message+'\n - Age incorrect';
if(a>18||a<20) message=message+'\n - Age doit comporter de 18 20 ' ;
if(isNaN(a)) message=message+'\n - L année est de 4 chiffres' ;
if(document.f1.mail.value.indexOf('@')==-1 || document.f1.mail.indexOf('.')==-1) message=message+'n\- Mail invalide' ;
if(document.f1.pays.options.selectIndex==3) message=message+'\n - Selectionnez un choix' ;
if (message=='') return true
else {alert(message) ;}
}
function copie_champ(id_lire,id_ecrire){
if(document.getElementById("id_lire").value !=-1){
document.getElementById("id_lire").value = document.getElementById("id_ecrire").value;
}
}
</script>
<body onLoad="alert('Bienvenue à LInstitut Supérieur des Etudes Technologique')" onUnload="confirm('Merci pour votre visite')">
<b><center> <h1> Inscription </h1></center></b>
<br />
<form name="f1" method="post" action="" onsubmit="verif();">
<table border="2">
<tr>
<td> <b> Nom : </b></td><td> <input type="text" size="20" id="nom" onkeyup="copie_champ('nom','cp_nom');" /></td>
</tr>
<tr>
<td> <b> Adresse Mail :</b></td>
<td><input type="text" size="20" id="mail" /></td>
</tr>
<tr>
<td> <b> Année de naissance : </b></td><td> <input type="text" size="5" id="age" /></td></tr>
<tr>
<td> <b> Ville : </b></td>
<td>
<select name="pays" id="pays" onchange="copie_champ('pays','cp_pays');">
<option value="-1" > -- choisissez-- </option>
<option value="tunise" > Tunisie </option>
<option value="France"> France </option>
<option value="usa"> USA </option>
<option selected="selected" value="usa"> Selectionner un choi :: </option>
</select>
</td>
</tr>
<td> <b> Sexe : </b> </td><td> Féminin<input type="radio" size="20" id="sex" value="f" /> Masculin<input type="radio" size="20" id="sex" value="h"/></td></tr>
<tr>
<tr>
<td rowspan="4"> <b> Activité : </b> </td><td> <input type="checkbox" id="n1" />
<b> Sport </b></td></tr>
<tr>
<td> <input type="checkbox" id="n2" /> <b> Lecture</b></td></tr>
<tr>
<td> <input type="checkbox" id="n3" /> <b> Music </b></td></tr>
<tr>
<td> <input type="checkbox" id="n4" /> <b> Astronomie </b></td></tr>
<tr><td><input type="button" value="Envoyer" name="env" onclick="verif()"/> </td>
<td><input type="reset" value="Annuler" name="an" /></td>
</table>
</form> <br>
<b><center>Resultat</center></b>
<form id="f1">
<table border=2>
<tr>
<td><b>Votre nom : </b></td> <td><input type="text" size="42" id="cp_nom" /></td>
</tr>
<tr>
<td><b>Votre E-Mail : </b></td> <td><input type="text" size="42"></td>
</tr>
<tr>
<td><b>Votre âge: </b></td> <td><input type="text" size="42"></td>
</tr>
<tr>
<td><b>Votre ville : </b></td> <td><input type="text" size="42"></td>
</tr>
<tr>
<td><b>Vous êtes : </b></td> <td><input type="text" size="42"></td>
</tr>
<tr>
<td><b>Votre Activité : </b></td> <td><input type="text" size="42"></td>
</tr>
</table>
</form>
</body>
</html>
Concernant le "onsubmit":
<form ... onsubmit="return verif();">
Et côté JS :
function verif()
{
var errors = [];
if( 'a' != 'a' ){
// test KO
errors.push('Erreur 1')
}
if( 'b' != 'b' ){
// test KO
errors.push('Erreur 2')
}
if(errors.length>0)
{
// on a les erreurs, il faut les afficher
alert(errors.join('\n'));
// faire un return false empêchera l'envoi des données du formulaire
return false;
}else{
return true;
}
}
<form ... onsubmit="return verif();">
Et côté JS :
function verif()
{
var errors = [];
if( 'a' != 'a' ){
// test KO
errors.push('Erreur 1')
}
if( 'b' != 'b' ){
// test KO
errors.push('Erreur 2')
}
if(errors.length>0)
{
// on a les erreurs, il faut les afficher
alert(errors.join('\n'));
// faire un return false empêchera l'envoi des données du formulaire
return false;
}else{
return true;
}
}
