Mes javascripts ne se lance pas

Question

Bonjour, désolé de vous déranger, mais je n'arrive plus à lancer mes différents scripts javascripts, je cherche depuis plus d'une journée maintenant et je ne vois pas la solution, je pensais que c'était un problème de class et d'id mais ce n'est pas ça je pense. Accueil

Création d'un formulaire de pointage - Interimaire S3a

Pointage

Période du : au :

n° projet	Libelle	Lundi				Mardi				Mercredi				Jeudi				Vendredi
		DDC	DCC	Heure réalisé	Dont de nuit	DDC	DCC	Heure réalisé	Dont de nuit	DDC	DCC	Heure réalisé	Dont de nuit	DDC	DCC	Heure réalisé	Dont de nuit	DDC	DCC	Heure réalisé	Dont de nuit

Vos heures totals de travails sont de: 0.00

jordane45 · Answer

Bonjour,

Dans un premier temps, installe le plugin FIREBUG pour Firefox et vas voir, une fois ta page affichée ....  si des messages d'erreurs n'apparaitraient pas dans la console du navigateur.

Pitet · Answer

Salut,

Lors du clique sur le bouton "Suivant" pour exécuter la fonction verif(), tu peux remarquer l'erreur suivante dans la console de développement : 
document.controleChamps is undefined
L'élément 'controleChamps' n'existe pas dans ton document, un élément html supprimé ?

Attention également à la syntaxe html, tes balises script doivent se situer dans la balise head et juste avant la fermeture de la balise body (ton dernier script est situé après la fermeture de la balise html).

Bonne journée,

Marc · Answer

Mes codes marchent désormais sauf ma fonction verif() que j'ai placé dans le head. ;)
Ca me mets les messages d'erreurs mais juste après ça va sur ma page "create_pointage_inter3.php.


function verif() {
            err=1;
            a=document.controleChamps.datedebut.value;
            b=document.controleChamps.datefin.value;
            c=document.controleChamps.nprojet.value;
            d=document.controleChamps.nom_lieu_chantier.value;
            var variable1 = document.getElementsByClassName("hlundi").value; 
            var variable2 = document.getElementsByClassName("hmardi").value;
            var variable3 = document.getElementsByClassName("total1").value;
            var variable4 = document.getElementsByClassName("hmercredi").value;
            var variable5 = document.getElementsByClassName("hjeudi").value;
            var variable6 = document.getElementsByClassName("hvendredi").value;
            var variable7 = document.getElementsByClassName("hlundinuit").value; 
            var variable8 = document.getElementsByClassName("hmardinuit").value; 
            var variable9 = document.getElementsByClassName("hmercredinuit").value;
            var variable10 = document.getElementsByClassName("hjeudinuit").value;
            var variable11 = document.getElementsByClassName("hvendredinuit").value;
            e=c.length;
            if (a==="") {
            alert ("Vous devez remplir la date de debut");
            err=1;
            document.controleChamps.datedebut.focus();
            return false;
            } 
            else if (b==="") {
            alert ("Vous devez remplir la date de fin");
            err=1;
            document.controleChamps.datefin.focus();
            return false;
            }
            else if (c==="") {
            alert ("Vous devez remplir le n° projet");
            err=1;
            document.controleChamps.nprojet.focus();
            return false;
            }
            else if (e<5 || e>5){
            alert ("Le n° du projet doit contenir 5 chiffres");
            err=1;
            document.controleChamps.nprojet.focus();
            return false;
            }
            else if (isNaN(c) === true) {
            alert('Veuillez saisir un nombre') ;
            err=1;
            document.controleChamps.nprojet.focus();
            return false;
            }        
            else if (d==="") {
            alert ("Vous devez remplir le nom et lieu du chantier");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable1==="") {
            alert ("Vous devez remplir vos heures de jour du lundi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable2==="") {
            alert ("Vous devez remplir vos heures de jour du mardi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable3 > 46) {
            alert ("Vous ne pouvez pas depasser 46 heures en une semaine");
            err=1;
            document.controleChamps.total1.focus();
            return false;
            }
            else if (variable4==="") {
            alert ("Vous devez remplir vos heures de jour du mercredi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable5==="") {
            alert ("Vous devez remplir vos heures de jour du jeudi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable6==="") {
            alert ("Vous devez remplir vos heures de jour du vendredi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable7==="") {
            alert ("Vous devez remplir vos heures de nuit du lundi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable8==="") {
            alert ("Vous devez remplir vos heures de nuit du mardi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable9==="") {
            alert ("Vous devez remplir vos heures de nuit du mercredi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable10==="") {
            alert ("Vous devez remplir vos heures de nuit du jeudi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }
            else if (variable11==="") {
            alert ("Vous devez remplir vos heures de nuit du vendredi");
            err=1;
            document.controleChamps.nom_lieu_chantier.focus();
            return false;
            }

            else if(err===0) {document.controleChamps.submit();}
            }

 <form  name="controleChamps" method="post" onsubmit="return verif(this)" action="create_pointage_inter3.php">

yoDeGourt · Answer

Salut,
vous devez désactiver la fonction d'envoi sinon lorsque il a envoi du formulaire celui l'est à la page PHP indiqué par l'attribut action.
Donc trop tard pour javascript.

Le principe est donc de désactiver l'envoi (donc ne pas utiliser onSubmit mais onClick-encore mieux avec des écouteurs d'objets ici ceux du DOM= les balises de la page-) et effectuer le submit si le formulaire est dûment remplit(ce qui provoquera l'envoi des variables vers le programme PHP ou pas en cas d'erreur).

J'ai trouvé un exemple ici mais il y a dd'autres façons de faire:

http://forum.webrankinfo.com/comment-stoper-submit-javascript-t102686.html

Perso je préfère utiliser un bouton avec le comportement button, donc la fonction submit est déjà désactiver.

Ex:
http://www.w3schools.com/tags/att_button_form.asp

En remplaçant par:

<button type="bouton" onClick=mafunction(); >N'envoi pas le formulaire(pas de submit)</button>

On peut aussi désactiver le comportement submit du form.

Et en code encore plus propre:

<button type="bouton" id="validation"</button>

document.getElementById('validation').addEventListener("click", function(){

   /*ici la fonction de vérif, pas besoin de fonction d'ailleurs elle st dans une fonction déjà-fonction anonyme directement utilisé dans l'événement clic du bouton*/
});

Mes javascripts ne se lance pas

4 réponses

Votre réponse

Discussions similaires