Erreur "Envoyer n'est pas une fonction" dans JavaScript

Question

Quelqu'un peut-il me dire ce qui ne va pas avec ce code? J'ai essayé de soumettre un formulaire avec JavaScript, mais une erreur ".submit n'est pas une fonction" affichée. Voir ci-dessous pour plus de détails du code:

<form action="product.php" method="get" name="frmProduct" id="frmProduct" enctype="multipart/form-data"> 

<input onclick="submitAction()" id="submit_value" type="button" name="submit_value" value=""> 

</form> 

<script type="text/javascript"> 
    function submitAction() 
    { 
     document.frmProduct.submit(); 
    } 
</script> 

J'ai aussi essayé ceci:

<script type="text/javascript"> 
    function submitAction() 
    { 
     document.forms["frmProduct"].submit(); 
    } 
</script> 

Les deux me montrent la même erreur :(

Answer 1

soumettre n'est pas une fonction

signifie que vous avez nommé votre bouton soumettre ou un autre élément submit. Renommez le bouton en btnSubmit et votre appel fonctionnera comme par magie.

Lorsque vous nommez le bouton submit, vous remplacez la fonction submit() sur le formulaire.

Answer 2

<form action="product.php" method="post" name="frmProduct" id="frmProduct" enctype="multipart/form-data"> 

<input id="submit_value" type="button" name="submit_value" value=""> 

</form> 

<script type="text/javascript"> 

document.getElementById("submit_value").onclick = submitAction; 

function submitAction() 
{ 
    document.getElementById("frmProduct").submit(); 
    return false; 
} 
</script> 

EDIT: J'interverties les id environ

Answer 3

Vous pouvez essayer

<form action="product.php" method="get" name="frmProduct" id="frmProduct" enctype="multipart/form-data"> 

<input onclick="submitAction(this)" id="submit_value" type="button" name="submit_value" value=""> 

</form> 

<script type="text/javascript"> 
function submitAction(element) 
{ 
    element.form.submit(); 
} 
</script> 

N'avez-vous pas plus d'un formulaire avec le même nom?

Answer 4

Utilisation getElementById:

document.getElementById ('frmProduct').submit() 

Answer 5

J'ai rencontré le même problème lors de la création d'une application MVC avec des pages maîtres. Essayé de chercher l'élément avec «soumettre» comme les noms mentionnés ci-dessus, mais ce n'était pas le cas.

Pour mon cas, il a créé plusieurs tags sur ma page, donc il y avait des problèmes de référencement du formulaire correct.

Pour contourner cela, je vais laisser la poignée de bouton qui font l'objet à utiliser:

onclick="return SubmitForm(this.form)" 

et les js:

function SubmitForm(frm) { 
    frm.submit(); 
} 

Answer 6

Se assurer qu'il n'y a pas une autre forme avec le même nom et assurez-vous qu'il n'y a pas de nom = "submit" ou id = "submit" dans le formulaire.

Answer 7

Ce que j'est

var enviar = document.getElementById("enviar"); 
enviar.type = "submit"; 

Tout simplement parce que tout le reste le travail didnt.

Answer 8

En donnant un élément de formulaire, un nom de soumettre omettra simplement la propriété submit. assurez-vous que vous n'avez pas un élément de formulaire avec le nom submit et vous devriez être en mesure d'accéder à la fonction de soumission très bien.

Answer 9

Si vous avez pas la possibilité de changer name="submit" vous pouvez également soumettre le formulaire de cette façon:

function submitForm(form) { 
    var submitFormFunction = Object.getPrototypeOf(form).submit; 
    submitFormFunction.call(form); 
} 

Answer 10

solution pour moi était de définir l'attribut « forme » de bouton

<form id="form_id_name"><button name="btnSubmit" form="form_id_name" /></form> 

ou est js :

YOURFORMOBJ.getElementsByTagName("button")[0].setAttribute("form", "form_id_name"); 
YOURFORMOBJ.submit(); 

Answer 11

Ce sujet a déjà beaucoup de réponses, mais celui qui a le mieux fonctionné ! E plus simple - une ligne) pour moi était une modification du commentaire faite par Neil E. Pearson de 21 avril 2013:

Si vous êtes coincé avec le bouton soumettre étant #submit, vous pouvez la contourner en volant la méthode submit() d'une autre instance de formulaire.

Ma modification de sa méthode, et ce qui a fonctionné pour moi:

document.createElement('form').submit.call(document.getElementById(frmProduct));

Answer 12

solutions possibles -
1.Assurez-vous que vous n'avez pas un autre élément avec le nom/id comme soumettre.
2.Try pour appeler la fonction comme onClick = "return submitAction();"
3. document.getElementById("form-name").submit();