Próbuję zapisać akcję onkeyup formularza. Jestem nowy w jquery.Jak przesłać formularz działania onkeyup
Czy to możliwe.
Doceniam każdą pomoc.
edytuj 1: edytuj formularz: Zapisz na serwerze. Czy istnieje sposób na dodanie 0,2 sekundowego opóźnienia.
Kod ten będzie przesłać formularz na keyup
$('#element').bind('keyup', function() {
$('#form').delay(200).submit();
});
W tym kodzie przechwycić forma przesyłania i zmienić go z ajax przedłożyć
$("#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 }
});
});
Aby użyć funkcji opóźnienia należy użyć jQuery 1.4. Parametr przekazany do opóźnienia jest w milisekundach.
Dzięki. Czy istnieje sposób na dodanie 0,2 sekundy opóźnienia. –
@Spójrz na moją odpowiedź edycji opóźnienia – Lorenzo
Dzięki. Działa brillant. Czy istnieje sposób na umieszczenie w tym pliku $ .ajax. Doceniam Twoją pomoc. –
$('#element').bind('keyup', function() { $('#form').submit(); });
To jest moje rozwiązanie:
<!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>
Zdefiniuj "zapisz formularz" Proszę. – Robusto
Co masz na myśli mówiąc "zachowaj formę"? Prześlij do serwera, użyj lokalnej pamięci html5, zapisz do pliku cookie ..? –