¿Cómo se envía un formulario con Javascript cuando el nombre de la entrada es "enviar"?

Question

Pregunta: ¿Cómo puede enviar un formulario con Javascript si una entrada de formulario tiene el nombre submit?

Antecedentes: Estoy redirigiendo al usuario a otra página con un formulario oculto HTML. No puedo cambiar el nombre en las entradas (ocultas), ya que la otra página está en otro servidor y las entradas deben ser exactamente como son. Mi formulario HTML es el siguiente:

<form id="redirectForm" method="post" action="http://www.example.com/"> 
    <input name="search" type="hidden" value="search for this" /> 
    <input name="submit" type="hidden" value="search now" /> 
</form> 

utilizo la siguiente línea de javascript para enviar el formulario automáticamente hoy:

document.getElementById('redirectForm').submit(); 

Sin embargo, ya que el nombre de una entrada es "enviar" (que no puede ser algo más, o el otro servidor no manejará la solicitud), document.getElementById('redirectForm').submit se refiere a la entrada ya que anula la función de formulario submit().

El mensaje de error en Firefox es: Error: document.getElementById("requestform").submit is not a function. Mensaje de error similar en Safari.

Answer 1

Digno de mención: A menudo es mucho más fácil cambiar el nombre de la entrada a algo que no sea "enviar". Utilice la solución a continuación solo si eso no es posible.

Es necesario para obtener la función submit de una forma diferente:

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

Si usted tiene ya otra etiqueta <form>, que se puede utilizar en lugar de crear otro.

Answer 2

Uso submit() método de HTMLFormElement.prototype:

HTMLFormElement.prototype.submit.call(document.getElementById('redirectForm'));