duanraa1984 2019-04-04 09:12
浏览 469

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

I want to submit the form data to the database, 2 seconds after the user has entered the data in the form

I am using ajax function to accomplish this.but form gets submitted when a press a single key

$('#eid').bind('input propertychange', function() {
  $.ajax({
    method: "POST",
    url: "intime2.php",
    data: { content: $("#eid").val() }
  }).done(function( msg ) {
    alert( "Data Saved: " + msg );
  });
});

When I enter the employee ID=12 in the form. I expect the result to be stored in database as 12 but the result stored is 1. before pressing 2 the data is submitted. I also want the form to be refreshed automatically for every consecutive submissions.

My goal: employees should enter their employee id(I am going to take inout from card reader, but for now I like to use timeout function) after entering the form should auto submit without them pressing the submit button then the form should refresh and next employee should enter his employee ID

  • 写回答

1条回答 默认 最新

  • dongshi1868 2019-04-04 09:15
    关注

    Use debounce function to submit your form data to server

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

    评论

报告相同问题?

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器