[PHP-JS] vérification des données saisies dans ma page

Version imprimable

11/04/2007, 18h25
coco38

[PHP-JS] vérification des données saisies dans ma page

Bonjour,
J'ai des personnes qui saisissent des données sur ma page web et je voudrais que lorsqu'ils cliquentsur envoyer qu'il y ait une vérification des données saisies (il en faut pas de valeurs négatives ni supérieures à 1000). Il y a un formulaire 'form1) et il y a déjà un message lorsqu'on clique sur envoyer qui demande si on accepte bien d'enregister les données. Mes données sont saisies dans des zones de texte nb_ton,nj_ton,pb_ton,pj_ton. Comment faire?

Et bien tu peux faire comme cela par exemple :

Code:

1
2
3
4
5
6
7
 if ($var<0 || $var>1000) {
echo "Désolé mais le nombre que vous avez rentré est négatif ou est supérieur à 1000. </b> Veuillez rentrer un nouveau nombre qui respecte les contraintes.";
 
// tu met ton bout de code avec ton form (tu peux le mettre dans une fonction, et t'a juste à recall la fonction).
 
exit; // Si tu veux pas mettre de else.
}

$var c'est ta variable ($_POST ou $_GET celon ton formulaire).

:D

11/04/2007, 19h25
coco38

Mais en fait il faut que l'utilisateur clique sur envoyer et que cela marque ça sans envoyer les données. Ce code va faire cela??
12/04/2007, 09h12
kahya
Non tu a besoin du Javascript pour controler AVANT
En gros une fois qu'il clique, tu affiche la fenetre de confirmation, si il confirme tu lance une fonction javascript qui va controler la valeur de chaque élément de ton formulaire, du genre
Code:

1 2 3 4 5 if (document.form1.nb_ton.value < 0)|| (document.form1.nb_ton.value > 1000) { erreur = 'Indiquez une valeur correcte pour nb_ton'; } [.... suite des tests...]
et si l'un d'eux n'est pas correct tu affiche un message d'erreur, sinon tu envoi le formulaire.
Code:

1 2 3 4 5 6 7 8 if erreur != "" { alert(erreur); } else { document.form1.submit; }
12/04/2007, 09h17
Azazel.fr

et tu doubles cette vérif javascipt par une vérif php pour les petits malins ayant désactiver le js... surtout si tu insères en bdd.
12/04/2007, 09h23
coco38

OK bah je vais tenter de faire alors. Merci
12/04/2007, 10h00
coco38

DONC JE VIENS de tester mais ça ne marche pas.J'ai mis le code dans la fonction valid qui au départ envoie le message de confirmation ou non.
12/04/2007, 10h04
Sarrus

montre le code que tu as mis stp :)

Je met jsute le code javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="JavaScript">
function valid() {
if (confirm("Confirmez-vous l'enregistrement des données ?\n\nATTENTION les données saisies ne seront pas modifiables.")) {
  if (document.form1.nb_ton.value < 0)|| (document.form1.nb_ton.value > 1000) { 
erreur = 'Indiquez une valeur correcte pour nb_ton'; 
} 
if erreur != "" { 
alert(erreur); 
} else { 
document.form1.submit; 
}
 }
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language="JavaScript">
function valid() 
{
if (confirm("Confirmez-vous l'enregistrement des données ?\n\nATTENTION les données saisies ne seront pas modifiables.")) 
{
if (document.form1.nb_ton.value < 0)|| (document.form1.nb_ton.value > 1000) { 
erreur = 'Indiquez une valeur correcte pour nb_ton'; 
} 
if erreur != "" { 
alert(erreur); 
} else { 
document.form1.submit; 
}
}
</script>

Je vois pas la diff la je dois etre miro.
Pour que ça marche il faut que ton <form> s'appelle form1 biensur =)
<form action='blabla.php' method='post' name='form1'>

12/04/2007, 10h15
coco38

Bah ça ne marche toujours pas,en fait ça enregistre directement dans la base sans demander de confirmation

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script language="JavaScript">
function valid() 
{
if (confirm("Confirmez-vous l'enregistrement des données ?\n\nATTENTION les données saisies ne seront pas modifiables.")) 
  {
     if (document.form1.nb_ton.value < 0)|| (document.form1.nb_ton.value > 1000) 
     {
     alert("Veuillez le nombre n'est pas correte!");
     document.form1.nb_ton.focus();
     return false;
     }
   }
}
</script>

et avec ton formulaire tu met

Code:

1
2
 
<from name="form1" method... action..... onSubmit=" return valid()"

explication si le script renvoye FALSE, le formulaire ne sera pas envoyé.
Sans ce retour, je pense que ton formulaire serait toujours envoyé.

J'ai pas tester.

12/04/2007, 10h17
kahya

Ton boutton de validation c'est bien un type='button' et pas un type='submit'?
12/04/2007, 10h19
coco38

C'est un type submit

<script language="JavaScript"> function valid() {
if (confirm("Confirmez-vous l'enregistrement des données ?\n\nATTENTION les données saisies ne seront pas modifiables."))
{
if (document.form1.nb_ton.value < 0)|| (document.form1.nb_ton.value > 1000)
{
alert("Veuillez le nombre n'est pas correte!"); document.form1.nb_ton.focus(); return false;
}
}
}
</script>

<center>
<form name="form1" method="post" action="prev_splus1_aj.php?cs=<?=$cs;?>" onsubmit="return valid();">
12/04/2007, 10h22
kahya

Je pense pas que tu puisse mettre cette fonction sur le "onsubmit" du formulaire, puisque les données sont deja submit, le javascript ne peut rien empecher.
Enfin je pense hin

Et utilise les balises [code] c'est plus lisible pour nous =)
12/04/2007, 10h23
coco38

Et donc je dois faire quoi?
12/04/2007, 10h24
kahya

Faut le mettre sur le bouton de validation

Code:

<input type='button' value='valider' onclick='return valid()'>
12/04/2007, 10h26
coco38

Bah quand je fais ça le bouton fait plus rien...

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script language="JavaScript"> function valid() { if (document.form1.nb_ton.value < 0) { alert("Veuillez le nombre n'est pas correte!"); document.form1.nb_ton.focus(); return false; } } </script>
et avec ton formulaire tu met
Code:

1 2 <from name="form1" method... action..... onSubmit=" return valid()"
Le bouton sera tu type sumbit, j'ai remodifier le script de verification.

code du bouton:
Code:

1 2 <input type='submit' value='Ajouter' name='Valajout'>
edit 2:
Explication :
Lorsque tu cliques, tu soumet le formulaire (type sumbit)
avant d'etre envoyer le formulaire regarde le return valid()

Valid() => test et si c'est faux prend la valeur FALSE

D'origine il a la valeur TRUE.

si return valid dans la balise du formulaire et a FALSE le formulaire ne sera pas envoyé, sauf si on n'execute pas le JS sur sa machine.

12/04/2007, 10h30
coco38

Bah là ça marche, merci bien mais d'où vient le bug alors? Car je veux faire plusieurs tests (il faut aussi qu'il ne soit pas supérieur à 1000)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script language="JavaScript">
function valid() 
{
  if (document.form1.nb_ton.value < 0) 
     {
     alert("Veuillez le nombre n'est pas correte!");
     document.form1.nb_ton.focus();
     return false;
     }
 
 if (document.form1.nb_ton.value >1000) 
     {
     alert("Veuillez le nombre n'est pas correte!");
     document.form1.nb_ton.focus();
     return false;
     }
}
</script>

Voila tu rajoute juste une verification :D

12/04/2007, 10h33
coco38

OK bah merci beaucoup
12/04/2007, 10h34
Alex70

oubli pas le tag résolu.
et de rien.
12/04/2007, 10h39
coco38

Une dernière petite question, si je ne veux pas de chiffres décimaux (à virgules) comment faire?
12/04/2007, 11h29
kahya

avec une regexp
tu limite les caracteres autorisés uniquement aux chiffres
12/04/2007, 11h32
coco38

Et si je mets if(is_int(chifrre)=false)
C'est bon?