在用户输入数据后2秒钟如何自动提交(不单击提交按钮)表单

时间:2019-04-04 09:12:27

标签: 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( "Data Saved: " + msg );
  });
});

当我在表格中输入员工ID = 12时。我希望结果以12的形式存储在数据库中,但存储的结果为1。在按2之前,将提交数据。我还希望该表格可以在每次连续提交时自动刷新。

我的目标:员工应该输入他们的员工ID(我将从读卡器中取出钱,但是现在我喜欢使用超时功能),在输入表单后应该自动提交,而无需按下提交按钮,那么表单应该刷新,下一位员工应输入他的员工ID

1 个答案:

答案 0 :(得分:-1)

使用反跳功能将表单数据提交到服务器

参考: Debounce function in jQuery https://davidwalsh.name/javascript-debounce-function