Copie des champs dans JS

black_heart Messages postés 352 Date d'inscription Statut Membre Dernière intervention -
A.Nonymous - 1 juin 2012 à 14:33

Bonjour,

j'ai créé un formulaire et j'ai presque effectuer la verification de tous les champs si seulement si je veux ces derniers , leurs contenues comme les cases cochés et les checkbox et même les champs texte soient copiés dans un autre tableau mais je ne sais pas comment y prendre voici mon code :

<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' ;
document.getElementById("cp_nom").value = document.getElementById("nom").value;
if (message=='') return true
else {alert(message) ;}

}
</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"onsubmit="verif();">
<table border="2">
<tr>
<td> <b> Nom : </b></td><td> <input type="text" size="20" id="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 id="pays"> <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>

Afficher la suite

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

Réponse 1 / 2

Alain_42 Messages postés 5361 Date d'inscription Statut Membre Dernière intervention 894

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

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

Réponse 2 / 2

A.Nonymous

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;
}
}

Discussions similaires

Copier un lien instagram

Retrouver liens copiés sur le téléphone

copie d'un lien dans le navigateur internet

lien copié presse papier smartphone Samsung

Javascript Arrondi à 2 chiffres après la virgule

Votre réponse

Discussions similaires