Discussion :

[aljessy]

Bonjour ça fait déjà quelques jours que j'essaie de corrigé cette erreur mais j'y arrive pas. Je connais la ligne qui retourne l'erreur mais je ne sais pas ce qui génère cette erreur.

Voici le code source:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
function formValidate() {
        // Tableau des champs requis pour la validation 
        var tabField		= new Array('Rb_Civilite', 'Tb_Nom', 'Tb_Prenom', 'Ld_JourNaiss', 'Ld_MoisNaiss', 'Ld_AnneeNaiss', 'Tb_Origine', 'Ld_Pays', 'Tb_Nationalite', 'Tb_AdrMail', 'Tb_Cni', 'Tb_TelPortable');
        var regEmail 		= new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g"); 
        var formId              = 'stepForm_1';
        var divError		= 'fdb-Zone';
        var classFieldError     = 'field-error';
        var classMsgError  	= 'msg-error';
        var msgError  		= 'Les champs en surbrillance sont obligatoires';
 
        try {		
            if(!controlRequiredFields(formId, classFieldError, tabField)){
                $('#'+divError).addClass(classMsgError)
                    .html('<span id="imgError"></span><span id="msgError">'+msgError+'</span><a href="#hautDePage"><span id="hpError"></span></a>')
                    .show();
                return false;
            } else {
                if(!regularExpression(regEmail, $('#Tb_AdrMail').val())) {
                    var msgRegError  = 'L&rsquo;adresse mail n&rsquo;est pas valide';
                    $('#Tb_AdrMail').addClass('field-error');
                    $('#fdb-Zone').addClass('field-error')
                        .html('<span id="imgError"></span><span id="msgError">'+msgRegError+'</span><a href="#hautDePage"><span id="hpError"></span></a>')
                        .show();
                    return false;			
                } else {
                    $('#Tb_AdrMail').removeClass('field-error');
                    $('#fdb-Zone').removeClass('field-error').html('').hide();
                }		
                if(!regularExpression(regCode, $('#Tb_CodePostal').val())) {
                    var msgRegError  = 'Le code postal n&rsquo;est pas valide (ne doit pas commencer par z&eacute;ro)';
                    $('#Tb_CodePostal').addClass('field-error');
                    $('#fdb-Zone').addClass('field-error')
                        .html('<span id="imgError"></span><span id="msgError">'+msgRegError+'</span><a href="#hautDePage"><span id="hpError"></span></a>')
                        .show();
                    return false;			
                } else {
                    $('#Tb_CodePostal').removeClass('field-error');
                    $('#fdb-Zone').removeClass('field-error').html('').hide();
                }
 
                var allInputs = $('#'+formId+' :input');
                allInputs.each(function() {
                    // Initialiser les styles par defauts des balises
                    $('#'+this.name).removeClass(classFieldError);
                });
                return submitForm(formId);
            }	
        } catch(e) {
            alert(e);	
        }
    }

la fonction formValidate() je l'appelle ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#Next_Button').click(function(){
        // Soumission du formulaire 
        return formValidate();
    });

A quoi est dû cette erreur et comment peut-on faire pour la corrigé?

[SpaceFrog]

a quoi sert le return sur le click ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// Soumission du formulaire 
        return formValidate();

[aljessy]

le return sur le click me permet de recuperer la valeur retournée par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

return submitForm(formId);

que j'utilise plus loin dans mon code. Mais je ne pense que ce soit ce return qui soit à l'origine de cette erreur vu que je l'ai enlever et je suis tombé sur le même erreur et au même endroit c'est-à-dire dans la methode catch(e) de la fonction formValidate();

[NoSmoking]

Bonjour,
il te faudrait, pour un "debuggage" plus fin, supprimer tes instructions try{}catch(){}.

[aljessy]

Comment debugger un code javascript ou jquery? en quoi enlever le bloc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

try{}catch(e){}

m'aiderait-il?

[sekaijin]

Déjà posté les question JQuery dans le forum JQuery serait une bonne chose

ensuite il n'y a aucune fois le mot "chaine" dans ton script alors que l'erreur est TypeError: chaine is undefined
ce qui signifie que quelque part ton script utilise une variable chaine qui n'a pas été définie.

la première chose à faire est de trouver le mot chaine.
comme dit plus haut enlève le try catch
ton erreur de sera plus captée et ton navigateur affichera dans la console la totalité de l'erreur
avec entre autre le script et la position de l'erreur
tu sauras alors où chercher.

si tu ne veux pas l'enlever
tu peux ajouter un alert(e.stack) qui te donnera des infos sur la localisation de ton erreur.

le fait de mettre un try catch implique que si une erreur se produit dans un autre script utilisé dans le try alors l'erreur apparaitra dans ce catch là et non là où elle se produit réellement.

A+JYT

[aljessy]

Merci à tous pour vos réponses. Elles m'ont été d'une grande utilité.