TypeError: chaine is undefined

Version imprimable

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:

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:

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é?

a quoi sert le return sur le click ?
Code:

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

04/04/2014, 13h54
aljessy

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

Code:

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();
05/04/2014, 09h53
NoSmoking

Bonjour,
il te faudrait, pour un "debuggage" plus fin, supprimer tes instructions try{}catch(){}.
05/04/2014, 11h40
aljessy

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

Code:

try{}catch(e){}

m'aiderait-il?
05/04/2014, 16h56
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
05/04/2014, 18h32
aljessy

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