Ich versuche, das Formular onkeyup Aktion zu speichern. Ich bin neu in Jquery.So senden Sie das Formular onkeyup Aktion
Ist das möglich?
Ich schätze jede Hilfe.
bearbeiten 1: Speichern Sie das Formular bedeutet auf dem Server speichern. Gibt es eine Möglichkeit, 0,2 Sekunden Verzögerung hinzuzufügen.
Dieser Code wird das Formular auf keyup
$('#element').bind('keyup', function() {
$('#form').delay(200).submit();
});
In diesem Code reichen Sie das Formular abfangen und sie mit einer Ajax einreichen
$("#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 }
});
});
Um die Delay-Funktion zu verwenden, ändern einreichen sollten Sie jQuery 1.4. Der an die Verzögerung übergebene Parameter ist in Millisekunden angegeben.
Danke. Gibt es eine Möglichkeit, 0,2 Sekunden Verzögerung hinzuzufügen. –
@Look bei meiner Antwort bearbeiten für die Verzögerung – Lorenzo
Danke. Es funktioniert brillant. Gibt es eine Möglichkeit, $ .ajax in diese Datei einzuschließen? Ich schätze all deine Hilfe. –
$('#element').bind('keyup', function() { $('#form').submit(); });
Dies ist meine Lösung:
<!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>
definieren "um die Form zu speichern," bitte. – Robusto
Was meinst du mit "Formular speichern"? Auf den Server übertragen, den lokalen Speicher von html5 verwenden und in einem Cookie speichern ..? –