2010-07-22 22 views
6

Tengo un formulario que contiene el método "POST" y acción = "abc.php" y el tipo de botón <input type ="button"> Tengo un controlador cuando hago clic en ese botón quiero enviar una solicitud a abc.php pero no pasa nada sin acción está siendo prformed.I no desea cambiar el <input type ="button">-<input type="submit> .¿Cómo puedo enviar el Formulario Aquí está el código dejQuery, enviar formulario con un botón

<form name= "form1" id ="form1" action ="abc.php" method="post"> 
<input type ="button" id="mybutton" value ="Add"> 
...... 
//All form Elements. 
</form> 

$(document).ready(function() { 
    //Load all elements 
}); 
$("#mybutton").click(function(e){ 
    alert(true); 
    //$("#frmpohdr").submit(); 
}); 

la declaración anterior es que da un error y yo Sabemos que necesitamos tener el tipo de botón de enviar para este método. Cómo envío el formulario a abc.php cuando hago clic en el botón. He intentado todos los métodos $ .ajax

Respuesta

8

¿Has intentado poner en línea todo el código?

Además, si el ID de la forma es la forma 1 se debe hacer esto:

$("#form1").submit(); 

y evitar el comportamiento de los botones del defecto también se debe añadir este enlace dentro de la función de clic:

e.preventDefault(); 

I También le recomiendo que eche un vistazo al complemento jQuery Form: http://jquery.malsup.com/form/

Espero haber ayudado :)

+1

"si ** Identificación de la forma ** es formulario1" - el # selector de jQuery es para los identificadores, no nombres. – GalacticCowboy

+0

Tienes razón, error tonto. Corregido :) – ozke

0

Deberá enviar el formulario a través del formulario HTML (es decir, cambiar el tipo de entrada = enviar) O usted podría utilizar los $.post/$.ajax

+0

La pregunta es sobre enviar el formulario usando 'botón' y no es bueno sugerir cambiar el atributo a' enviar' –

3
jq("#showDetail").click(function() { 
      jq('#formName').submit(); 
}); 
<input type="button" id="showDetail" class="secondarybutton" value="Done" /> 
Cuestiones relacionadas