Propiedad 'enviar' del objeto # <HTMLFormElement> no es una función

Question

¿Alguien puede explicarme qué significa este error? Apreciaría mucho por cualquier tipo de ayuda con esto.

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

El código de Jquery que estoy utilizando es el siguiente.

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

Answer 1

Comprobar el formulario para ver si hay una HTMLInputElement con id o nombre es submit.

Esto establecerá una propiedad submit a la HTMLFormElement, por lo que la función submit que está en el prototipo del elemento de formulario no puede ser ejecutada.

Ejemplo:

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

método de jQuery .submit() llamará al .submit() en el elemento dom original, por lo sucederá el error.

Answer 2

Si tiene un botón o entrada con el nombre de envío o id de envío, he visto errores en IE. Asegúrese de que sus entradas tengan el nombre correcto. Aquí hay un artículo en él http://bugs.jquery.com/ticket/1414

Answer 3

xdazz explicó bien el problema.

Puede utilizar un nativo presentar método de HTMLFormElement a trabajar en torno a un problema:

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