Ошибка «Отправить не является функцией» в JavaScript

Может кто-нибудь сказать мне, что происходит с этим кодом? Я попытался отправить форму с помощью JavaScript, но показалась ошибка «.submit is not function». Смотрите ниже для более подробной информации о коде:

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

Я также попробовал это:

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

Оба показывают мне ту же ошибку :(

отправить не функция

означает, что вы назвали свою кнопку отправки или какой-либо другой элемент submit. Переименуйте кнопку в, btnSubmitи ваш звонок будет волшебным образом работать.

Когда вы называете кнопку «Отправить», вы переопределяете submit()функцию в форме.

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

РЕДАКТИРОВАТЬ: я случайно поменял удостоверение личности вокруг

Убедитесь, что другой формы с таким же именем не существует, и убедитесь, что в форме нет name = "submit" или id = "submit".

Если у вас нет возможности измениться, name="submit"вы также можете отправить форму следующим образом:

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

У меня была такая же проблема, когда я создавал приложение MVC, используя главные страницы. Попытка поиска элемента с 'submit' в качестве имен, как указано выше, но это не так.

В моем случае это создало несколько тегов на моей странице, поэтому возникли проблемы со ссылкой на правильную форму.

Чтобы обойти это, я позволю кнопке определять, какой объект формы использовать:

onclick="return SubmitForm(this.form)"

и с JS:

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

В этой теме уже есть много ответов, но тот, который работал лучше (и самый простой - одна строка!) Для меня, был модификацией комментария, сделанного Нилом Э. Пирсоном от 21 апреля 2013 года:

Если вы застряли с кнопкой отправки #submit, вы можете обойти ее, украдя метод submit () другого экземпляра формы.

Моя модификация его метода, и что сработало для меня:

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

присвоение элементу формы имени submit просто затеняет свойство submit. убедитесь, что у вас нет элемента формы с именем submit, и у вас должна быть возможность получить доступ к функции submit.

На самом деле, решение очень простое ...

Оригинал:

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

Решение:

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

Вы должны использовать этот код:

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

Что я использовал

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

Просто потому, что все остальное не сработало.

Решением для меня было установить атрибут "form" кнопки

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

или это JS:

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

Возможные решения -
1. Убедитесь, что у вас нет другого элемента с именем / идентификатором в качестве отправки.
2. Попробуйте вызвать функцию как onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Можешь попробовать

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

У вас нет более одной формы с одним и тем же именем?

Используйте getElementById:

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