如何提交表单onkeyup操作

我试图保存表单onkeyup操作。我是jquery的新手。如何提交表单onkeyup操作

这是可能的。

我很感激任何帮助。

编辑1：保存装置的形式保存到服务器。有没有办法增加0.2秒的延迟。

来源

2010-11-01 Josh R

定义 “保存表单，” 请。 – Robusto 2010-11-01 13:37:33

“保存表单”是什么意思？提交到服务器，使用html5的本地存储，保存到cookie ..？ – 2010-11-01 13:37:50

这段代码提交表单上KEYUP

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

在这段代码中，你拦截的形式提交，并用AJAX改变其提交

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

要使用延时功能，你应该使用jQuery 1.4。传递给延迟的参数以毫秒为单位。

来源

2010-11-01 13:39:02 Lorenzo

谢谢。有没有办法增加0.2秒的延迟。 – 2010-11-01 14:00:04

@查看我的回答编辑延迟 – Lorenzo 2010-11-01 14:11:11

谢谢。它工作高明。有没有办法将$ .ajax提交到这里。我感谢你的帮助。 – 2010-11-01 14:15:32

从this jQuery forum thread：

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

来源

2010-11-01 13:39:09

这是我的解决方案：

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

来源

2015-02-22 01:38:49

如何提交表单onkeyup操作

回答

相关问题