2010-11-01 19 views
5

Estoy tratando de guardar el formulario en acción de inicio de sesión. Soy nuevo en jquery.Cómo enviar formulario en acción de inicio de sesión

Esto es posible.

Agradezco cualquier ayuda.

editar 1: Guardar el formulario significa guardar en el servidor. ¿Hay alguna manera de agregar 0.2 segundos de retraso?

+0

Definir "guardar el formulario," por favor. – Robusto

+0

¿Qué quiere decir con 'guardar el formulario'? Preséntelo en el servidor, use el almacenamiento local de html5, guárdelo en una cookie ...? –

Respuesta

8

Este código será enviar su formulario en keyup

$('#element').bind('keyup', function() { 
    $('#form').delay(200).submit(); 
}); 

En este código que intercepta la forma presente y cambiarlo con un ajax presentar

$("#form").submit(function (event) { 
    event.preventDefault(); 
    $.ajax({ 
     type: "post", 
     dataType: "html", 
     url: '/url/toSubmit/to', 
     data: $("#form").serialize(),, 
     success: function (response) { 
      //write here any code needed for handling success   } 
    }); 
}); 

Para utilizar la función de retardo se debe utilizar jQuery 1.4. El parámetro pasado a la demora está en milisegundos.

+0

Gracias. ¿Hay alguna forma de agregar 0.2 segundos de retraso? –

+0

@Mira mi respuesta para editar la demora – Lorenzo

+0

Gracias. Funciona brillante. ¿Hay alguna forma de incluir $ .ajax en esto? Aprecio toda tu ayuda. –

0

Ésta es mi solución:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"> 
<head><title>Submit after typing finished</title> 
<script language="javascript" type="text/javascript"> 
function DelayedSubmission() { 
    var date = new Date(); 
    initial_time = date.getTime(); 
    if (typeof setInverval_Variable == 'undefined') { 
      setInverval_Variable = setInterval(DelayedSubmission_Check, 50); 
    } 
} 
function DelayedSubmission_Check() { 
    var date = new Date(); 
    check_time = date.getTime(); 
    var limit_ms=check_time-initial_time; 
    if (limit_ms > 800) { //Change value in milliseconds 
     alert("insert your function"); //Insert your function 
     clearInterval(setInverval_Variable); 
     delete setInverval_Variable; 
    } 
} 

</script> 
</head> 
<body> 

<input type="search" onkeyup="DelayedSubmission()" id="field_id" style="WIDTH: 100px; HEIGHT: 25px;" /> 

</body> 
</html> 
Cuestiones relacionadas