Rechercher : dans
Par :

Javascript submit et onsubmit

Dernière réponse le 28 oct 2009 à 15:34:13 webmc, le 28 déc 2008 à 02:45:02 
 Signaler ce message aux modérateurs

Bonjour,

Habituellement, j'utilise la fonction : <a href="javascript:document.formcontact.submit()">Valider</a> pour confirmer un formulaire en lieu et place d'un bouton submit. Afin de contrôler certains champs, je suis amené à utiliser : onsubmit="return validate(this)" dans la balise form et un fichier js externe contenant le script.

Ce dernier fonctionne très bien avec un bouton submit, mais à partir d'un lien, la fonction onsubmit n'est pas exécutée...

Après quelques rechreches sur le net qui expliquent, soit que la bonne méthode c'est un bouton submit et puis c'est tout, soit que c'est impossible... j'ai trouvé quelques pistes :

1 - <a href="#" onclick="formcontact.onsubmit();">Valider</a>

La fonction onsubmit est bien exécutée, mais une fois tous les contrôles effectués par le script, l'action submit n'est pas appelée, donc le formulaire n'est pas transmis.

2 - <a href="javascript:document.getElementById('formcontact').onsubmit();">Valider</a>

Une page blanche apparait avec le valeur false et ça s'arrête là.

Je suis convaincu qu'une solution doit exister, mais laquelle ?
Merci à celui ou celle qui me permettra d'avancer...

@+

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « javascript submit et onsubmit » dans :
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - Manipulation des contrôles clavier VoirManipulation des contrôles clavier Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...

1

webmc, le 28 déc 2008 à 20:40:08
  • +1

Hourra ! Je viens de trouver : solution ci-dessous.
@bientôt


<head>
<script type="text/javascript" src="js/fichier.js"></script>
<script language="JavaScript">
function submitform()
{
if(document.form.onsubmit())
{
document.form.submit();
}
}
</script>
</head>

<body>
<form method="post" name="form" id="form" action="fichier.php" onsubmit="return validate(this)">
....
<a href="javascript:submitform()">valider</a>
</form>
</body>

Répondre à webmc

2

 bigRoger, le 28 oct 2009 à 15:34:13

Merci pour l'astuce.

On peut aussi écrire :

<form action="blabla" method="post" onSubmit="return test();">

<input type="image" src="/img/annuler.png" onClick="if(onSubmit()) submit();" />

</form>

Répondre à bigRoger
Collection CommentÇaMarche.net