Controle javascript

Fermé
valeria - 27 mars 2009 à 09:36
rukire Messages postés 90 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 6 avril 2009 - 27 mars 2009 à 10:42
Bonjour,

j'ai une formulaire et je veux faire un test sur une obligation du remplissage des deux premier champs.
je veux afficher une boite fu dialogue .
je fait un essai voila le code qui n'a aucun effet ou sont les fautes :

<script language="javascript" type="text/javascript">
function verif(){
if(form.a.value=="") && form.b.value==""){
alert ("Il faut remplir les deux premiers champs."); form.b.focus();}
}
</script>

merci.
A voir également:

4 réponses

rukire Messages postés 90 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 6 avril 2009 4
27 mars 2009 à 09:43
tu peux montrer le bout de code du formulaire dans lequel tu appel le javascript?
normalement ca a cette forme :

<script language="javascript" type="text/javascript">
function verif(){
if(form.a.value=="") && form.b.value==""){
alert ("Il faut remplir les deux premiers champs."); form.b.focus();
return false;}
else return true;
}
</script>

<form method="post" action="page.php" nom="monformulaire" onsubmit="return verif()">

ton formulaire
avec tes champs de nom a et b
<input type="submit"/>
</form>
0
oui , je fait tous ca
mais rien ne se passe
merci.
0
rukire Messages postés 90 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 6 avril 2009 4
27 mars 2009 à 09:51
c'est des champs input?
essaye de mettre un id et de tester la valeur en les retrouvant avec l'id
0
le premier champs est du select
les autres sont input.
autre chose :<input type="submit" value="Valider" onclick="verif()" >

merci encore pour votre reponses.
0
rukire Messages postés 90 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 6 avril 2009 4
27 mars 2009 à 10:01
un select la valeur ne se récupere pas comme ca et du coup ca plante !
document.getElementById(id).options[document.getElementById(id).selectedIndex].value
voila pour récupérer la valeur d'un select et du coup pour le input utilise l'id
document.getElementById(id).value
voila et fait comme je t'ai mis dans le form avec un onsubmit ca évite d'envoyer ton formulaire s'il n'est pas valide ....
0
je veux vous remercier pour vos reponses
je veux vous envoyer le formulaire que j'ai :


<script language="javascript" type="text/javascript">
function verif(){
if ((form.a.value=="") && (form.b.value=="")){
alert ("Il faut remplir les deux premiers champs."); form.b.focus();}
}
</script>

</head>
<body >
<form action="connect.php" method="post" name="form" onsubmit="return verif()">
<h1><center> Configurateur <img src="2.jpg" /></center></h1><BR /><BR /><BR />
<table border="2" align="center" width="100%" height="100%">
<tr><td>Niveau d'Administration </td><td><select name="a">
<option value="0">0</option>
<option value="2">2</option>
<option value="3">3</option></select></td></tr>
<tr><td>Nombre des ports RJ45 10/1000</td><td><input type="text" name="b" /></td></tr>
<tr><td>Nombre des ports Gigabits Ethernet</td><td><input type="text" name="c" /></td></tr>
<tr><td>Nombre des ports FO 100 base FX</td><td><input type="text" name="d" /></td></tr>
<tr><td>Nombre des porst FO 1000 base SX </td><td><input type="text" name="e" /></td></tr>
<tr><td>Nombre des ports FO 1000 base LX</td><td><input type="text" name="f" /></td></tr>
<tr><td>Fond de Panier</td><td><input type="text" name="g" /></td></tr></table><br><br>
<center>

<input type="submit" value="Valider" onclick="verif()" >
<input type="reset" value="Effacer" />
</center>
</form>
</body>
</html>
pourquoi le problème reste le meme.
0
MEME SI J'ECRIT COMME VOUS DIT RIEN NE SE PRODUIT;
MERCI;
0
rukire Messages postés 90 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 6 avril 2009 4
27 mars 2009 à 10:42
de 1 du calme, je fais ce que je peux !
de 2 il manque retrun true et return false dans le script

<script language="javascript" type="text/javascript">
function verif(){
if ((document.getElementById(a).options[document.getElementById(­a).selectedIndex].value =="") && (document.getElementById(b).value =="")){
alert ("Il faut remplir les deux premiers champs."); form.b.focus();
return false;}
else
{return true;}
}
</script>

</head>
<body >
<form action="connect.php" method="post" name="form" onsubmit="return verif()">
<h1><center> Configurateur <img src="2.jpg" /></center></h1><BR /><BR /><BR />
<table border="2" align="center" width="100%" height="100%">
<tr><td>Niveau d'Administration </td><td><select name="a" id="a">
<option value="0">0</option>
<option value="2">2</option>
<option value="3">3</option></select></td></tr>
<tr><td>Nombre des ports RJ45 10/1000</td><td><input type="text" name="b" id="b" /></td></tr>
<tr><td>Nombre des ports Gigabits Ethernet</td><td><input type="text" name="c" /></td></tr>
<tr><td>Nombre des ports FO 100 base FX</td><td><input type="text" name="d" /></td></tr>
<tr><td>Nombre des porst FO 1000 base SX </td><td><input type="text" name="e" /></td></tr>
<tr><td>Nombre des ports FO 1000 base LX</td><td><input type="text" name="f" /></td></tr>
<tr><td>Fond de Panier</td><td><input type="text" name="g" /></td></tr></table><br><br>
<center>

<input type="submit" value="Valider">
<input type="reset" value="Effacer" />
</center>
</form>
</body>
</html>

ca ne marche pas comme ca? prend le code tel quel et compile le !(j'ai l'impression que tu te fous de moi, désolée mais je te donne des trucs et tu me montres le code même pas modifié...)
0