Помилка "Надіслати - це не функція" у JavaScript

Хто-небудь може сказати мені, що не так з цим кодом? Я спробував подати форму з JavaScript, але показана помилка ". Підписати не функція". Детальніше про код див. Нижче:

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

EDIT: Я випадково обміняв ідентифікатор навколо

Переконайтесь, що немає іншої форми з таким самим іменем і переконайтесь, що у формі немає name = "submit" або id = "submit".

Якщо у вас немає можливості змінити, name="submit"ви також можете надіслати форму таким чином:

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

У мене була така ж проблема, коли я створював додаток MVC за допомогою головних сторінок. Спробував шукати елемент з «подати» як імена, як згадувалося вище, але це було не так.

У моєму випадку він створив кілька тегів на моїй сторінці, тому виникли проблеми, що посилаються на правильну форму.

Щоб вирішити це, я дозволяю кнопці обробляти, який об’єкт форми використовувати:

onclick="return SubmitForm(this.form)"

і з js:

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

Ця тема вже має багато відповідей, але той, який найкраще працював (і найпростіше - один рядок!), Був модифікацією коментаря, зробленого Нілом Е. Пірсоном від 21 квітня 2013 року:

Якщо ви застрягли, коли кнопка надсилання є #submit, ви можете її обійти, вкравши метод іншого submit () іншого примірника форми.

Моя модифікація його методу та те, що для мене спрацювало:

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

Надання елемента форми імені подання буде просто затінювати властивість представити. переконайтеся, що у вас немає елемента форми з надісланням імені, і ви повинні мати можливість отримати доступ до функції подання.

Насправді рішення дуже легко ...

Оригінал:

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