Właściwość 'submit' obiektu # <HTMLFormElement> nie jest funkcją

Question

Czy ktoś może mi wyjaśnić, co oznacza ten błąd? Byłbym wdzięczny za każdą pomoc w tym zakresie.

<form class="form" id="form" action="/mailer.php" method="post"> 

Kod Jquery, którego używam, jest właśnie taki.

$('#form').submit(); 

Answer 1

Sprawdź formularz, aby zobaczyć, czy jest tam HTMLInputElement z ID lub nazwy jest submit.

Spowoduje to ustawienie właściwości submit do HTMLFormElement, więc funkcja submit który jest w prototypu elementu formularza nie może być wykonana.

Przykład:

<form class="form" id="form" action="/mailer.php" method="post"> 
    ​<input type="button" name="submit" value="go"/> 
</form>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

JS:

​console.log($("#form")[0].submit)​;​ // will be the button element, not the submit function. 

.submit() metoda jQuery wywoła .submit() na oryginalnym elemencie DOM, więc błąd będzie się działo.

Answer 2

Jeśli masz przycisk lub dane wejściowe o nazwie submit lub id submit, widziałem błędy w IE. Upewnij się, że twoje dane wejściowe są poprawnie nazwane. Oto artykuł na ten temat: http://bugs.jquery.com/ticket/1414

Answer 3

xdazz wyjaśnił dobrze sprawę.

Można użyć rodem złożyć metodę HTMLFormElement aby obejść problem:

HTMLFormElement.prototype.submit.call($('#form')[0]);