Discussion :

[StryceK]

Bonjour,

Je d�bute plus au moins dans le dev WEB et c'est pour cela que j'aurai besoin de vous pour me r�soudre un probl�me.

Je souhaite faire une grosse fonction qui permet de v�rifier un formulaire. Pour cela, je souhaite encapsuler plusieurs fonctions dans une grosse, mais en vain ..
Pourtant quand j'appelle mes fonctions une � une, cela fonctionne..

Code JS :

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
function checkCategories(){
  function checkSlug(slug){
    var patt=new RegExpSlug(/^[a-z\-0-9]+$/);
 
    if (document.formAjouter_Categorie.slug.value.length == 0){
      alertify.alert("Le champ nom doit être renseigné");
      return false;
    }
    if(document.formAjouter_Categorie.slug.value == (/^[a-z\-0-9]+$/)){
      alertify.alert("Le slug est incorrect");
      return false;
    }
  }
 
  function checkName(name){
    var mini = 2
    var maxi = 25
 
    if (document.formAjouter_Categorie.name.value.length == 0){
      alertify.alert("Le champ nom doit être renseigné");
      return false;
    }
    if (mini != 0) {
      if (document.formAjouter_Categorie.name.value.length < mini ) {
        alertify.alert("Le nom de la catégorie doit comporter au moins " + mini + " caractères.");
        return false;
      }
    }
    if (maxi != 0) {
      if (document.formAjouter_Categorie.name.value.length > maxi ) {
        alertify.alert("Le nom de la catégorie ne doit pas comporter plus de " + maxi + " caractères.");
        return false;
      }
    }
  }
}

Code HTML :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<form name="formAjouter_Categorie" action="#" method="post"  onsubmit="return checkCategories()">

Pourriez vous m��claircir ? Je vous en remercie d'avance.

[SpaceFrog]

des fonctions DANS des fonctions ...

assez effrayant je dois le dire ...

a la limite un objet ???

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
 
var checkCategories = {
    checkSlug: function (slug) {
        var patt = new RegExpSlug(/^[a-z\-0-9]+$/);
 
        if (document.formAjouter_Categorie.slug.value.length == 0) {
            alertify.alert("Le champ nom doit être renseigné");
            return false;
        }
    },
    checkName: function (name) {
        var mini = 2
        var maxi = 25
 
        if (document.formAjouter_Categorie.name.value.length == 0) {
            alertify.alert("Le champ nom doit être ...");
        }
    }

[StryceK]

D�sole de t'avoir effray�

Donc j'ai prit en compte ta correction, j'obtiens donc ce code :

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
 
var checkCategories = {
  checkSlug : function (slug){
 
    if (document.formAjouter_Categorie.slug.value.length == 0){
      alertify.alert("Le champ nom doit être renseigné");
      return false;
    }
    if(document.formAjouter_Categorie.slug.value == (/^[a-z\-0-9]+$/)){
      alertify.alert("Le slug est incorrect");
      return false;
    }
  },
 
  checkName : function (name){
    var mini = 2
    var maxi = 25
 
    if (document.formAjouter_Categorie.name.value.length == 0){
      alertify.alert("Le champ nom doit être renseigné");
      return false;
    }
    if (mini != 0) {
      if (document.formAjouter_Categorie.name.value.length < mini ) {
        alertify.alert("Le nom de la catégorie doit comporter au moins " + mini + " caractères.");
        return false;
      }
    }
    if (maxi != 0) {
      if (document.formAjouter_Categorie.name.value.length > maxi ) {
        alertify.alert("Le nom de la catégorie ne doit pas comporter plus de " + maxi + " caractères.");
        return false;
      }
    }
  }
}

Il me semble qu'il est juste, ou alors arr�te moi si je me trompe.
Cependant que dois-je mettre dans mon onsubmit de mon formulaire �tant donn� que c'est un objet ?

[SylvainPV]

Pourquoi effrayant SpaceFrog ? Une fonction est une variable locale tout � fait valable. On trouve ce pattern dans plein de biblioth�ques. C'est m�me un pattern courant pour la d�claration de m�thodes d'instance en POO JavaScript.

Strycek, dans ton premier code tu d�clares deux fonctions au moment de l'appel de la fonction checkCategories. Mais ces fonctions, tu n'en fais rien avec. Peut-�tre que sous cette forme, le probl�me t'appara�tra plus clair :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
function checkCategories(){ 
   var checkSlug = function(slug){ ... };
   var checkName = function(name){ ... };
  //ici, il manque concr�tement ce que doit faire la fonction checkCategories
}

[Watilin]

Je crois que StryceK s'attendait � ce que les fonctions � internes � soient ex�cut�es dans la foul�e. Du coup je pense que le post de Sylvain est tr�s clair l�-dessus.

Allez, j'en rajoute une couche quand m�me : les fonctions locales ne sont rien de plus que des variables locales. Il faut les appeler � la main sinon �a ne se fera pas tout seul

[StryceK]

Etrange, j'ai pourtant recopi� exactement ta syntaxe Sylvain.
J'obtiens donc ceci :

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
function checkCategories(){
  var checkSlug = function(slug){
    if (document.formAjouter_Categorie.slug.value.length == 0){
      alertify.alert("Le champ nom doit être renseigné");
      return false;
    }
    if(document.formAjouter_Categorie.slug.value == (/^[a-z\-0-9]+$/)){
      alertify.alert("Le slug est incorrect");
      return false;
    }
  };
 
  var checkName = function (name){
    var mini = 2
    var maxi = 25
 
    if (document.formAjouter_Categorie.name.value.length == 0){
      alertify.alert("Le champ nom doit être renseigné");
      return false;
    }
    if (mini != 0) {
    if (document.formAjouter_Categorie.name.value.length < mini ) {
      alertify.alert("Le nom de la catégorie doit comporter au moins " + mini + " caractères.");
      return false;
      }
    }
    if (maxi != 0) {
      if (document.formAjouter_Categorie.name.value.length > maxi ) {
        alertify.alert("Le nom de la catégorie ne doit pas comporter plus de " + maxi + " caractères.");
        return false;
      }
    }
  }; 
}

Ainsi que mon bout de HTML :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<form name="formAjouter_Categorie" action="#" method="post"  onsubmit="return checkCategories()">

[SylvainPV]

Vraisemblablement tu ne comprends pas le probl�me

Ma syntaxe et la tienne sont �quivalentes, c'�tait pour mettre en �vidence qu'il manque quelque-chose dans ton code ! Relis mon commentaire et celui de Watilin plus attentivement

[StryceK]

Dans ce cas l� qu'elle est l'instruction qui permet d�ex�cuter les fonctions ?

[SylvainPV]

Un petit retour aux bases s'impose on dirait.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
checkSlug();
checkName();

Tu remarqueras aussi que tu d�clares des arguments slug et name � ces fonctions, alors qu'ils ne sont pas utilis�s dans le code des fonctions.

[sekaijin]

j'ai d�j� fais cela tu peux t'inspirer de http://www.developpez.net/forums/d85...s-autoverifes/
A+JYT