Verification checkbox, javascript

Marsh Posté le 08-03-2007 à 21:28:34

Bonjour, voila j'ai un formulaire qui me permet d'ajouter des produit dans une base de donnée. Il faut pour sa, selectionner une ou plusieur sous categorie de produit via les checkbox généré par un script php. Je voudrais pouvoir controler qu'il y est au moin une case de coché, j'ai trouver une fonction javascript (elle est au début de mon script) mais elle ne fonctionne pas. Si quelqu'un veut bien m'aider. Merci d'avance

form_ajoutproduit.php

Code :

<html>
<head>
<title></title>
<SCRIPT type="text/javascript" SRC="verif_form.js"> </SCRIPT>
</head>
<body >
<form name="formulaire" enctype="multipart/form-data" action="ajout_form_produit.php" method="post" onSubmit="return verif_ajout_produit(this.elements['souscategorie[]'])">
<?
require('_conn_admin.php');
$req = "SELECT id, nom_cat FROM produit_categorie";
$ret = mysql_query ($req) or die (mysql_error ());
while($data = mysql_fetch_array($ret)) { ?>
<i>
<?php echo "<ul>".$data['nom_cat'];
//echo "<a href='supprcategorie.php?idcat=".$data['categorie']."'>Suppression</a><br>";?>
</i>
<?php
$req2 = "SELECT id, nom_souscat FROM produit_souscategorie WHERE id_categorie like '".$data['id']."'";
$ret2 = mysql_query ($req2) or die (mysql_error ());
///////////////////////////////////génération de checkbox//////////////////////////////
while($data = mysql_fetch_array($ret2)) {
echo "<li>";
echo "<INPUT type='checkbox' name='souscategorie[]' value='".$data['id']."'>".$data['nom_souscat']."<br>";
echo "</li>";
}
/////////////////////////////////////////////////////////////////////////////////////////////
echo "</ul>";
}
?>
<h3>Envoi d'une image</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="<? echo 5000*1024;?>">
<input type="file" name="fic">
<table>
<th colspan="2">Formulaire de contact</th>
<tr><td>Nom du produit : </td><td><input name="nom" type="text" size="50"></td></tr>
<tr><td>Poids : <td><input name="poids" type="text" size="50"></td></tr>
<tr><td>Prix : <td><input name="prix" type="text" size="50"></td></tr>
<tr><td>Quantite <td><input name="quantite" type="text" size="50"></td></tr>
<tr><td>Description</td><td><textarea name="texte" cols="40" rows="10"></textarea></td></tr>
<tr id="nepasimprimer"><td><input name="annuler" type="reset" value="Annuler"></td><td><input name="soumettre" type="submit" value="Envoyer"></td></tr>
</table>
</form>
</body>
</html>

verif_form.js

Code :

function verif_ajout_produit(ch) {
for(i=0;i<ch.length;i++){
if(!ch[i].checked){
alert("Veuillez selectionner une ou plusieurs sous-categories, svp" );
return false;
}
}
if(document.formulaire.nom.value == "" ) {
alert("Veuillez selectionner un nom, svp" );
document.formulaire.nom.focus();
return false;
}
else if(document.formulaire.poids.value == "" ) {
alert("Veuillez entrer un poids, svp" );
document.formulaire.poids.focus();
return false;
}
else if(document.formulaire.prix.value == "" ) {
alert("Veuillez entrer un prix, svp" );
document.formulaire.prix.focus();
return false;
}
else if(document.formulaire.quantite.value == "" ) {
alert("Veuillez entrer une quantité, svp" );
document.formulaire.quantite.focus();
return false;
}
else if (isNaN(document.quantite.cp.value) == true){
alert("Une quantite ne peut pas contenir de lettres" );
return false;
}
else if(document.formulaire.texte.value == "" ) {
alert("Veuillez entrer une description, svp" );
document.formulaire.texte.focus();
return false;
}
return true
}

Message édité par mule_panda le 09-03-2007 à 23:42:59

Reply

Marsh Posté le 08-03-2007 à 21:28:34

Reply

Marsh Posté le 08-03-2007 à 21:40:09

!ch[i].checked plutôt

---------------
What if I were smiling and running into your arms? Would you see then what I see now?

Reply

Marsh Posté le 08-03-2007 à 22:07:06

J'ai modifié le script, mais cel ane change rien, :cry: , je pense que sa vien du faite que mes checkboxe sont dans une variable de tableau

Code :

souscategorie[]

:??:

Reply

Marsh Posté le 09-03-2007 à 10:32:11

:??:

Reply

Marsh Posté le 09-03-2007 à 10:37:44

c'est quoi atleastone? tu t'en sers nulle part!
Et le alert après le return false risque pas de marcher

Reply

Marsh Posté le 09-03-2007 à 23:45:27

J'ai modifié le script suivant tes conseils, mais il ne fonctionne toujours, pas. en enlevant la fonction de controle des case a coché il fonctionne trés bien. mais il pert de son interet. :heink:

Reply

Marsh Posté le 10-03-2007 à 06:03:24

Ta fonction ne fonctionnera pas, simplement parce qu'elle vérifie que TOUTES les cases sont cochées. En testant tu l'aurais remarqué.

Code :

<script type="text/javascript">
// <![CDATA[
function verif_ajout_produit(ch) {
var j = 0;
for(i=0;i<ch.length;i++){
if(ch[i].checked) {
j++;
}
}
if(j == 0){
alert("Veuillez selectionner une ou plusieurs sous-categories, svp" );
return false;
}
}
// ]]>
</script>

Cela fonctionnera mieux.

Dans un deuxième temps, y'a enormément de trucs à corriger dans ta page

Rien que pour l'ergonomie, utilise

Code :

echo '<p><input type="checkbox" name="souscategorie[]" id="',$data['id'],'" value="',$data['id'],'"><label for="',$data['id'],'">',$data['nom_souscat'],'</label></p>';

Qui sera plus optimisé, et surtout plus ergonomique, dans la mesure ou pour cocher une case un clic que le texte associé suffit (le texte dans le label)

Et puis j'ai pas compris l'intéret de :

Code :

value="<? echo 5000*1024;?>"

Ca fait 5120000, quel est l'interêt de le faire calculer à php?

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Reply

Marsh Posté le 10-03-2007 à 12:16:21

jte remercie beaucoup shinuza, pour ton aide si matinale :jap: , et je remercie aussi les autre personne pour le temps passé sur le probléme.

shinuza = pour le 5000*1024, c'est que j'ai récupéré un ancien script et j'ai pas prit le temps de l'optimisé. sinon pour le checkbox avec label, super idée, jte remerci encore.

Reply

Marsh Posté le 10-03-2007 à 12:43:43

Pas de quoi

Y'a peu être une manière plus propre de proceder pour les checkbox, il me semble que ça génere un tableau de données, mais je ne suis pas sur

Message édité par Shinuza le 10-03-2007 à 12:44:50

Reply

Verification checkbox, javascript

Sujets relatifs:

Leave a Replay