Erreur «Soumettre n'est pas une fonction» en JavaScript

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 is not a function" s'est affichée. Voir ci-dessous pour plus de détails sur le 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 également essayé ceci:

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

Les deux me montrent la même erreur :(

soumettre n'est pas une fonction

signifie que vous avez nommé votre bouton d'envoi ou un autre élément submit. Renommez le bouton btnSubmitet votre appel fonctionnera comme par magie.

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

<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'ai accidentellement échangé l'id autour

Assurez-vous qu'il n'y a aucun autre formulaire portant le même nom et assurez-vous qu'il n'y a pas de nom = "soumettre" ou id = "soumettre" dans le formulaire.

Si vous n'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);
}

J'ai eu le même problème lorsque je créais une application MVC avec des pages maîtres. J'ai essayé de rechercher un élément avec «soumettre» comme noms comme mentionné ci-dessus, mais ce n'était pas le cas.

Pour mon cas, il a créé plusieurs balises sur ma page, il y avait donc des problèmes référençant le bon formulaire.

Pour contourner cela, je laisse le bouton gérer quel objet de formulaire utiliser:

onclick="return SubmitForm(this.form)"

et avec le js:

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

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

Si vous êtes bloqué avec votre bouton d'envoi #submit, vous pouvez le 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));

donner à un élément de formulaire un nom de soumission masquera simplement la propriété submit. assurez-vous que vous n'avez pas d'élément de formulaire avec le nom soumettre et vous devriez pouvoir accéder à la fonction de soumission très bien.

En fait, la solution est très simple ...

Original:

    <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>

Solution:

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

<!-- Place the button here -->
<input onclick="submitAction()" id="submit_value" type="button" 
    name="submit_value" value="">

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

Vous devez utiliser ce code:

$(document).on("ready", function () {
       
        document.frmProduct.submit();
    });

Ce que j'ai utilisé c'est

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

Tout simplement parce que tout le reste n'a pas fonctionné.

La solution pour moi était de définir l'attribut "formulaire" du 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();

Solutions possibles -
1.Assurez-vous que vous n'avez aucun autre élément avec le nom / id comme soumis.
2.Essayez d'appeler la fonction en tant que onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Tu peux 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 du même nom?

Utilisez getElementById:

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