2010-11-01 17 views
5

Sto tentando di salvare il modulo su un'azione di avvio. Sono nuovo di jQuery.Come inviare il modulo all'azione sukeyup

È possibile.

Apprezzo qualsiasi aiuto.

modifica 1: Salvare il modulo significa salvare sul server. C'è un modo per aggiungere 0,2 secondi di ritardo.

+0

Definire "salvare il modulo," per favore. – Robusto

+0

Cosa intendi con "salva il modulo"? Invia al server, usa la memoria locale di html5, salva in un cookie ..? –

risposta

8

Questo codice inoltrare il modulo on keyup

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

In questo codice si intercetta il modulo di presentare e cambiare con un ajax presentare

$("#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   } 
    }); 
}); 

Per utilizzare la funzione di ritardo si dovrebbe usare jQuery 1.4. Il parametro passato al ritardo è in millisecondi.

+0

Grazie. C'è un modo per aggiungere 0,2 secondi di ritardo. –

+0

@Look alla mia risposta modifica per il ritardo – Lorenzo

+0

Grazie. Funziona brillante. C'è un modo per includere $ .ajax submit in questo. Apprezzo tutto il tuo aiuto. –

0

Questa è la mia soluzione:

<!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> 
Problemi correlati