begin process at 2010 03 17 00:54:30
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Evenement lié au bouton submit


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Evenement lié au bouton submit

mardi 3 juillet 2007 à 14:11:19 | Evenement lié au bouton submit

Manu94600

Bonjour tout le monde,

J'aurais besoin de votre aide.
Je cherche à comprendre pourquoi le bouton submit n'execute pas la fonction submit() du formulaire, lors du click ?

Je voudrais savoir comment il retroune le formulaire.

Merci de votre aide.

Manu
mardi 3 juillet 2007 à 15:33:05 | Re : Evenement lié au bouton submit

bultez

Membre Club





Bonjour,

    tu ne dois pas faire les choses comme il faut.
    mais sans billes ? comment te dire ce qui ne va pas ?

    le principe général quand même :

    <form action="page  à appeler"
                onsubmit="javascript possible (**) " ...>
       ...les champs de saisie utiles....
       <input type="submit" /><!-- pas de click : en général, c'est parfaitement inutile -->
    </form>

    (**)  en général, ce sera un truc du style    onsubmit="return(controle());"
    controle, la function retournera true pour envoyer le formulaire,
       ou false ( en cas d'erreur par exemple ) pour ne pas le faire.


Cordialement Bul [mon Site] [M'écrire]
je sias bien que généralement c'est absurde de généraliser.

mardi 3 juillet 2007 à 16:02:22 | Re : Evenement lié au bouton submit

Manu94600

Merci de ta réactivitée ;)

Mais je n'ai toujours pas saisie. Alors je réexplique mon problème :
J'ai un javascript qui modifie la fonction submit() du formulaire, pour ensuite faire le traitement souhaité.

   function mySubmit() {}

   document.forms[0].submit = mySubmit;

Au niveau de mon code html, j'ai juste :

   <form action="maPage.aspx" id="namePage">
      <input type="submit" value="OK">
   </form>

Et donc en debuggant, il ne passe jamais dans ma fonction, et donc je me demandais comment le bouton submit soumettait le formulaire (est ce qu'il fait un document.forms[0].submit() ou pas ??)

De plus j'ai un autre souci, c'est que sous firefox il me génère une erreur javascript.

Manu
mardi 3 juillet 2007 à 16:29:28 | Re : Evenement lié au bouton submit

bultez

Membre Club






pourquoi un submit() en javascript ?
    le click sur l'input submit enverra le formulaire tout seul.

>>il ne passe jamais dans ma fonction,
    quelle fonction ? où l'appelle-tu ? je ne vois rien de tout cela !


je vais me repeter  ( tu n'as probablement pas lu... )

function controle()
{   if erreur return false; else return true;    }

<form action="maPage.aspx" onsubmit="return(controle());">
    ... les champs de saisie ...
     <input type="submit" value="OK">
</form>


Cordialement            Bul     [mon Site]     [M'écrire]



mardi 3 juillet 2007 à 16:32:06 | Re : Evenement lié au bouton submit

bultez

Membre Club




>>, c'est que sous firefox il me génère une erreur javascript.
    sauf cas particuliers, probablement aussi avec IE

 				 						

o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o 
| Avec | et mieux :
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~| 
| |regarder la "console d'erreurs" | FireBug
| | Outils / Console d'erreurs | | 
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~| 
||activer le deboggage : Outils/options Internet/Avancés | le Debogger IE
| | dans la liste, sous "Navigation" : décocher | | 
| | ° Afficher une notification de chaque erreur de script | | 
| | ° Désactiver le débogage de Scripts (autres applications)| | 
| | ° Désactiver le débogage de Scripts (Internet Explorer) | | 
o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o




Cordialement    Bul     [mon Site]     [M'écrire]



mardi 3 juillet 2007 à 16:39:21 | Re : Evenement lié au bouton submit

bultez

Membre Club
et pour l'erreur, j'ai oublié de préciser :
sans billes, sans un petit bout de code quoi... comment te dire ce qui ne va pas ?

Cordialement        Bul     [mon Site]     [M'écrire]



mardi 3 juillet 2007 à 22:16:55 | Re : Evenement lié au bouton submit

coucou747

Salut

la reponse de bulltez fera surement l'affaire, suffit de prendre la peine de la lire


une recherche sur exalead vous aurait peut-etre evite de poser cette question
In a dream, I saw me, drop dead...
U were there, U cried...
It was just a dream,
if I die, U won't cry, maybe, U'll be happy
mercredi 4 juillet 2007 à 09:14:01 | Re : Evenement lié au bouton submit

Manu94600

Ok, voilà j'ai trouvé comment faire pour le premier point.

Je suis mal exprimé par rapport à ma demande en fait...
Voilà je suis en train de faire un script qui bloque la soumission des formulaires suite à une première soumission.

Voici le script :

var

myForm = document.forms[0];

var bSubmitting = false;

oldOnSubmit = myForm.onsubmit;

oldSubmit = myForm.submit;

function newOnSubmit()

{

         if(oldOnSubmit) // Dans le cas ou dans la balise form il n'y a pas de OnSubmit

         {

               if (!bSubmitting && oldOnSubmit())  // On fait le onSubmit et on test si le formulaire n'est pas soumis

               {

                     bSubmitting =

true;

                     returntrue;

               }

               else

               {

                     returnfalse;

                }

         }

         else

         {

                  if (!bSubmitting)

                  {

                        returntrue;

                   }

                   else

                  {

                        returnfalse;

                  }

         }

}

function newSubmit()

{

      if(oldOnSubmit) // Dans le cas ou il est passé dans le oldOnSubmit on fait l'ancien submit = form.submit

      {

            oldSubmit(); // Il me genère une exception sous FireFox

      }

      else

      {

            if (!bSubmitting) // ici la fonction form.submit est appelé

            {

                  bSubmitting =

true;

                  oldSubmit(); // Il me genère une exception sous FireFox

            }

      }

}

if (oldSubmit) {// On place le nouveau submit dans le submit

      myForm.submit = newSubmit;

}

myForm.onsubmit = newOnSubmit;



Au niveau du HTML, je ne mets pas le code, car celui ci diffère selon les pages. Et je dois me démerder pour que celà fonctionne sans changer les pages HML. D'ou le submit et le onSubmit.

Ce script fonctionne très bien sous IE mais ne fonctionne pas sous FireFox il me génère une erreur. Pour ce qui est du debugger sous IE, je l'avais activé et il ne me génère aucune erreur.

Sous FireFox il me génère une exception :

[Exception... "Illegal operation on WrappedNative prototype object"  nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)"  location: "JS frame :: mon_script :: newSubmit :: line 110"  data: no]
mon_script
Line 110

En faisant des recherche il faudrait overridé le submit du genre :

myForm.submit = newSubmit;

myForm.onsubmit = newOnSubmit;

// capture the onsubmit event on all forms

window.addEventListener(

'submit', newSubmit, true);

window.addEventListener(

'onsubmit', newOnSubmit, true);

// If a script calls someForm.submit(), the onsubmit event does not fire,

// so we need to redefine the submit method of the HTMLFormElement class.

HTMLFormElement.prototype.oldSubmit = HTMLFormElement.prototype.submit;

HTMLFormElement.prototype.submit = newSubmit;

HTMLFormElement.prototype.oldOnSubmit = HTMLFormElement.prototype.onsubmit;

HTMLFormElement.prototype.onsubmit = newOnSubmit;

Mais je n'arrive pas à implémenter ce code dans mon code...

Ai je des erreurs ?

Manu
mercredi 4 juillet 2007 à 10:40:50 | Re : Evenement lié au bouton submit

bultez

Membre Club




>>Ai je des erreurs ?


 				 						 								o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o 
| Avec | et mieux :
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~| 
| |regarder la "console d'erreurs" | FireBug
| | Outils / Console d'erreurs | | 
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~| 
||activer le deboggage : Outils/options Internet/Avancés | le Debogger IE
| | dans la liste, sous "Navigation" : décocher | | 
| | ° Afficher une notification de chaque erreur de script | | 
| | ° Désactiver le débogage de Scripts (autres applications)| | 
| | ° Désactiver le débogage de Scripts (Internet Explorer) | | 
o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o



Cordialement                Bul     [mon Site]     [M'écrire]





Cette discussion est classée dans : bouton, aide, lié, submit, evenement


Répondre à ce message

Sujets en rapport avec ce message

bouton submit en javascript [ par bouli ] Est il possible de coller uen image sur un objet :Merci bouton submit reactif [ par enis ] J'ai mon form comme ceci :Pour mon submit, j'ai preféré mettre une image : . Lorsque je click ça m'e href se comportant comme un submit! [ par anifou ] j ai un formulaire qui est valide par un un submitje veux declencher le bouton submit a partir d un lien hypertextec est a dire <A href=" POPUP & Submit [ par GroSam ] 'Lut les gens!!!Alors voila, G un ch'tit pb avec un bouton submit dans un Pop-Up et ca urge vraiment (fo ke j le face rapidement)!!! En faite j'aimera submit formulaire sans bouton [ par eax ] salutje cherche à envoyer mon formulaire par un appui sur la touche entrée, sans devoir mettre un bouton :)comment faire?merci Sylvain [<a href="mailt mettre une image sous un bouton submit [ par ManuAntibes ] Voila j'ai créé une image a la place d'un bouton submit.j'ai un bouton voici le code: // du bouton Et je le remplace par l'image voici le code:<a href Formulaire - Modifier le bouton d'un submit par une image [ par poypoy00 ] Bonjour,je souhaiterais modifier un bouton de formulaire de type submit par une image tout en laissant ce dernier en submit. J'ai déjà essayé avec le faire apparaitre le bouton submit lorsque les champs du formulaire sont remplis [ par lesyeuxbleus ] Bonjour,Comment est-il possible de faire une fonction en js pour faire apparaitre un bouton Submit de l'état "disable" à "enable" lorsque tous les cha Besoin d'aide pour un truc simple... [ par VBbigineure ] Salut tt le monde, ce que je veux faire est simple, mais je ne trouve pas...Une page HTML avec un bouton.Je souhaite lancer la procédure du clic sur c bouton submit [ par bebert83 ] J'ai un form avec 3 champs text que je souhaite envoyer vers une autre page à l'aide d'un bouton submit: Comment dois - t'on mentionner les 3 champs à


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,123 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales