Discussion :

[kiyeko]

Bonjour,

J'ai un formulaire de devis que l'utilisateur complète.
Un code Javascript fait les calculs (qté, tva etc...)
Un bouton submit envoie ensuite mon formulaire vers une page php pour l'inscription dans une BDD.

Je me suis apperçu que certains utilisateurs avaient la fâcheuse habitude d'utiliser la touche "Enter" pour passer d'un champs à l'autre. Résultat le formulaire était envoyé avant d'être finalisé.

J'aimerais donc soit désactiver momentanément "Enter" soit faire apparaître une fenêtre de confirmation de manière à annuler avant envoi.

J'ai essayé ça mais ça ne fonctionne pas:
La fenêtre apparaît mais que l'on choisisse OK ou annuler le formulaire est envoyé.

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
function verifjs()
{
    return window.confirm('Voulez-vous vraiment envoyer le devis?'); 
}
function soumettre_form() {
    if ( document.forms.form1.totalgeneral.value == 0 ) {
        window.location.replace('epro_afficher_liste_preference.php');
	alert ("Vous n'avez rien commandé !\n => commande non soumise") ;
        return false ;
    } else {
        // Les 2 lignes ci-dessous devraient être activées pour réellement passer le form. à script CGI
        document.form1.method = "post" ;
        document.form1.action = "insert_entree_offre.php" ;
        document.close () ;
        return true ;
    }
}

mon bouton submitje vous fais grâce des km de formulaires)

Code html :

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

1
2
<INPUT TYPE="SUBMIT" VALUE=" Enregistrer l'offre " onClick="verifjs()">
</form>

[SylvainPV]

Bonjour,

Utilise plutôt l'attribut onsubmit sur l'élément form plutôt que onclick sur l'input submit. Tu couvriras ainsi tous les moyens de soumettre le formulaire, y compris la touche Entrée. Ensuite dans la fonction verifjs, plutôt qu'un message de confirmation tu peux parcourir les champs du formulaire et vérifier qu'ils ne sont pas vides ou au mauvais format. Enfin il existe en HTML5 des attributs required à ajouter à tes input. Le formulaire sera bloqué au submit automatiquement tant que ces champs ne seront pas renseigné.

[andry.aime]

Bonjour,

Cette ligne n'est pas bon:

document.forms.form1.totalgeneral.value

Code :

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

document.forms["form1"].totalgeneral.value

Et ensuite

Code html :

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

<form onsubmit=" return verifjs();">

A+.

[kiyeko]

Bonjour,

Utilise plutôt l'attribut onsubmit sur l'élément form plutôt que onclick sur l'input submit. Tu couvriras ainsi tous les moyens de soumettre le formulaire, y compris la touche Entrée. Ensuite dans la fonction verifjs, plutôt qu'un message de confirmation tu peux parcourir les champs du formulaire et vérifier qu'ils ne sont pas vides ou au mauvais format. Enfin il existe en HTML5 des attributs required à ajouter à tes input. Le formulaire sera bloqué au submit automatiquement tant que ces champs ne seront pas renseigné.

Merci pour tes conseils,
J'ai un script plus haut qui vérifie chaque champs imputés avec onblur avant de faire le calcul de la ligne. Ca c'est OK.
Je ne peux pas faire de "required", l'utilisateur n'est pas obligé de tout remplir, mais si il en rempli 1 il faut qu'il soit bien fait. Mais tout ça fonctionne. C'est juste cette µ*ù^*%# de touche Enter qui m'enbête.
Je vais essayer vos conseils.

[SylvainPV]

Bonjour,

Cette ligne n'est pas bon:

Code :

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

document.forms.form1.totalgeneral.value

Code :

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

document.forms["form1"].totalgeneral.value

Pardon mais quelle est la différence entre ces lignes ? Pour moi elles ont exactement le même sens.

[andry.aime]

Pardon mais quelle est la différence entre ces lignes ? Pour moi elles ont exactement le même sens.

C'est différent, forms est un tableau, il n'a pas de propriété form1 mais.

[andry.aime]

Re,

Code :

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

1
2
3
4
5
 if ( document.forms.form1.totalgeneral.value == 0 ) { // à part ma remarque précédente, value est un String et 0 est un entier.
        window.location.replace('epro_afficher_liste_preference.php'); // ça va rediriger la page.
	alert ("Vous n'avez rien commandé !\n => commande non soumise") ;
        return false ;
    }

A+.

[SylvainPV]

C'est différent, forms est un tableau, il n'a pas de propriété form1 mais.

C'est effectivement une Array mais on lui attribue également les attributs name des formulaires pour y accéder. Les deux lignes sont équivalentes, ça constitue les deux moyens d'accéder à une propriété d'un objet :

http://jsfiddle.net/DUun5/

[Bovino]

Andry, forms n'est pas exactement un tableau, c'est plus précisément une collection. Elle possède donc certaines propriétés spécifiques comme l'indique SylvainPV et parmi celles-ci, l'accès direct possible à ses membres.