Discussion :

[Allanou]

Bonjour à tous,

je débute en JS, j'ai récupérer par ci et par la des vérifications de formulaire pour me donner une idée puis j'en ai fait un a ma sauce.

J'ai un problème, le JS vérifie tous les champs, mais quand tous les champs sont correct, il n'envoie pas le formulaire...

Je vous colle le code source, si vous pouvez me trouver une solution ça serais vraiment gentil car je ne comprend vraiment pas ....


JavaScript :

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
function FormVerifeIC(index_connection) {
    if (!FormAllVerifeIC(index_connection.TB_index_pseudo) || FormAllVerifeIC(index_connection.TB_index_mdp)) {
        return false;
    }
    else {
        index_connection.submit();
        return true;
    }
}
function FormAllVerifeIC(input) {
    if (input.value == null || input.value.length == 0) {
        input.style.backgroundColor = "#ff7373"; 
    }
    var str = input.value;
    for (var i = 0; i < str.length;i++){
        var ch = str.substring(i,i+1);
        if ( ch == " ") {
            input.style.backgroundColor = "#ff7373"; 
        }
        else {
            input.style.backgroundColor = "#9fd69c";       
            return true;
        }
    }
    return true;
}

HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
        <form name="index_connection" action="index.php5?p=11" method="post">
        <p>
        <label for="pseudo">Pseudo</label><br /><input type="text" name="TB_index_pseudo" id="pseudo" class="champ" onkeyup="Clavier(event)" />
        <label for="mdp">Mot de passe</label><br /><input type="password" name="TB_index_mdp" id="mdp" class="champ" onkeyup="Clavier(event)" /><br />
        <input type="button" name="BT_index_ident" value="Se Connecter" onClick="FormVerifeIC(this.form)" />
        <a href="index.php5?p=10">Inscription</a>
        <br />
        <a href="index.php5?p=11&MdpP=1" name="url">Mot de passe perdu</a>
        </p>
        </form>

J'ai mit aussi une vérification de la touche entrer dans les input qui fonctionne correctement, donc je ne l'ai pas coller.


Merci par avance de votre aide, à bientôt.



G.Allan

[SpaceFrog]

tu n'as pas du bein etudier les scripts de verification d'un form ...


la fonction retourne true ou false jusque là c'es bon ...

mais l'appel de la focntion se fait sur le onsubmit du form ...

Code :

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

<form ... onsubmit="return mafonctionVerfi()" >

[Allanou]

Merci pour ta réponse SpaceFrog.

Je viens d'essayer ce que tu viens de me dire mais ça ne marche toujours pas
Le JS ne s'exécute pas ...


G.Allan

[SpaceFrog]

remplace

Code :

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

<input type="button" name="BT_index_ident" value="Se Connecter" onClick="FormVerifeIC(this.form)" />

par

Code :

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

<input submit="button" name="BT_index_ident" value="Se Connecter" />

[Allanou]

Je viens d'essayer, le bouton n'est plus un bouton mais un champ de texte... et ça ne fonctionne toujours pas

G.Allan

[SpaceFrog]

desolé

Code :

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

1
2
 
<input type="submit" name="BT_index_ident" value="Se Connecter" />

mes plus plates confuses ... je fatigue ...