Impossible de `soumettre ()` un formulaire html après avoir intercepté la soumission avec javascript

Question

Impossible de `soumettre ()` un formulaire html après avoir intercepté la soumission avec javascript

Demandé el 27 de Avril, 2010: Quand la question a-t-elle été
21146 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'essaie d'intercepter la soumission d'un formulaire afin de changer la valeur de mon étiquette keywords .

J'ai le code suivant:

 <HTML>
<FORM name="searchForm" method="get" action="tmp.html" >
<input type="text" name="keywords" />
<input type="button" name="submit" value="submit" onclick="formIntercept();"/>
</FORM>
<SCRIPT language="JavaScript">
document.searchForm.keywords.focus();
function formIntercept( ) {
    var f = document.forms['searchForm'];
    f.keywords.value = 'boo';
    f.submit();
};
</SCRIPT>
</HTML>

Lorsque je l'exécute dans Chrome et que je clique sur le bouton Soumettre, le libellé des mots clés se transforme en boo , mais la console javascript indique:

  Uncaught TypeError: Property 'submit' of object <#an HtmlFormElement> is not a function.

Comment envoyer le formulaire avec les mots clés manipulés?

Demandé el 27 de Avril, 2010 par Ross Rogers

Answer 1

5 Réponses

Answer 2

117voto

Chris Butler Points 1270

La raison de l'erreur lorsque vous essayez d'appeler form.submit() est que votre bouton d'envoi est appelé "soumettre". Cela signifie que la propriété "submit" de votre objet Form est désormais une référence au bouton de soumission, remplaçant la méthode "submit" du prototype du formulaire.

Renommer le bouton de soumission vous permettrait d'appeler la méthode submit() sans erreur.

Répondu el 9 de Décembre, 2010 par Chris Butler (1270 Points )

Answer 3

9voto

Jason Points 91

Le problème est que lorsqu'un élément est <input type="submit" name="submit" /> méthode submit () ne fonctionnera pas. La meilleure solution à cette situation est de changer le nom de ce type de soumission en quelque chose d'autre, par exemple bouton-soumettre, etc.

Répondu el 3 de Avril, 2012 par Jason (91 Points )

Answer 4

0voto

Jacob Relkin Points 90729

<html>
<head></head>
<body>
<form name="searchForm" method="get" action="tmp.html" onsubmit="formIntercept(this);">
<input type="text" name="keywords" />
<input type="submit" name="submit" value="submit"/>
</form>
<script type="text/javascript">
document.searchForm.keywords.focus();
function formIntercept( form ) {
    form.keywords.value = 'boo';
    //form.submit();
}
</script>
</body>
</html>

Répondu el 27 de Avril, 2010 par Jacob Relkin (90729 Points )

Answer 5

0voto

Leif Gruenwoldt Points 3583

Voir jQuery .submit () .

 $("form").submit( function() {
   // TODO tweak your form data before it gets sent
});

Répondu el 24 de Novembre, 2011 par Leif Gruenwoldt (3583 Points )

Answer 6

0voto

quanganh_developer Points 93

Modifiez simplement le nom du bouton de soumission et cela fonctionnera!

Répondu el 19 de Août, 2012 par quanganh_developer (93 Points )

Impossible de `soumettre ()` un formulaire html après avoir intercepté la soumission avec javascript

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Impossible de `soumettre ()` un formulaire html après avoir intercepté la soumission avec javascript

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: