Javascript 如何在用户键入数据后2秒自动提交表单(无需单击提交按钮)
我想在用户在表单中输入数据2秒后将表单数据提交到数据库 我使用ajax函数来完成这项工作,但当一个用户按下一个键时,表单就会被提交Javascript 如何在用户键入数据后2秒自动提交表单(无需单击提交按钮),javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我想在用户在表单中输入数据2秒后将表单数据提交到数据库 我使用ajax函数来完成这项工作,但当一个用户按下一个键时,表单就会被提交 $('#eid').bind('input propertychange', function() { $.ajax({ method: "POST", url: "intime2.php", data: { content: $("#eid").val() } }).done(function( msg ) { alert(
$('#eid').bind('input propertychange', function() {
$.ajax({
method: "POST",
url: "intime2.php",
data: { content: $("#eid").val() }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
});
当我在表单中输入员工ID=12时。我希望结果以12的形式存储在数据库中,但存储的结果是1。在按下2键之前,将提交数据。我还希望表单在每次连续提交时自动刷新
我的目标:员工应该输入他们的员工id(我将从读卡器中获取inout,但现在我喜欢使用超时功能)输入表单后,表单应自动提交,而无需按下提交按钮,然后表单应刷新,下一位员工应输入其员工ID使用反Bounce功能将表单数据提交到服务器 参考资料:
由于这个原因,自动提交总是一个坏主意。您在提交之前延迟多长时间?如果有人在输入一个值时中途停下来检查并更正它,会发生什么情况?那么您提交了一个无效的值。如果有人打字很快,而你却延迟了5秒,会发生什么?你让他们毫无理由地等待,这真的很烦人。我建议你们按照标准惯例使用按钮。我正在学习过程中。我喜欢在代码中添加超时函数。因此,在输入所需数据后,必须提交表格。感谢您在这种情况下进行研究
setTimeout()
。另外,不推荐使用bind()
,请改用on()
,并确保您使用的是最新版本的jQuery。能否解释一下如何在代码中使用on()。请参阅文档:虽然这些链接可能会有帮助,但最好在您的答案中包含相关部分,因为链接可能会损坏,答案也会变得无用。另外请注意,如果您认为此问题已在本网站其他地方得到回答,请投票将其作为副本关闭。