Eigenschaft 'submit' von Objekt # <HTMLFormElement> ist keine Funktion

Question

Kann mir jemand erklären, was dieser Fehler bedeutet? Ich würde es sehr für jede Art von Hilfe mit diesem schätzen.

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

Der Jquery-Code, den ich dafür verwende, ist dies.

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

Answer 1

Überprüfen Sie die Form, um zu sehen, ob es eine HTMLInputElement mit ID oder der Name ist submit ist.

gesetzt Dies ist eine Eigenschaft submit zum HTMLFormElement, so dass die submit Funktion, die nicht ausgeführt werden kann, in dem Prototyp des Formelementes ist.

Beispiel:

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

jQuery .submit() Methode wird die .submit() auf dem ursprünglichen dom Element nennen, so dass der Fehler passieren wird.

Answer 2

Wenn Sie eine Schaltfläche oder eine Eingabe mit dem Namen senden oder ID senden haben, habe ich Fehler in IE gesehen. Stellen Sie sicher, dass Ihre Eingaben korrekt benannt sind. Hier ist ein Artikel darüber http://bugs.jquery.com/ticket/1414

Answer 3

xdazz erklärte das Problem gut.

können Sie verwenden eine native Methode von HTMLFormElement einreichen, um ein Problem zu umgehen:

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