填写时自动提交单个表单输入框答案

【问题标题】：Autosubmit single form input box when filled填写时自动提交单个表单输入框
【发布时间】：2012-12-13 23:29:52
【问题描述】：

我被要求做一个非常简短的项目，以允许读取 ID 卡的磁条，并显示数据库中的结果是否已支付或未支付。

我已经完成了所有这些工作，并且正在尝试消除一些烦人的行为。磁条信息以具有单个输入文本字段的形式捕获。用户必须点击提交才能进入第二个隐藏页面，我在其中解析信息并分配给变量，为数据库搜索做准备。

我想删除用户必须按下提交按钮的要求。看来我应该能够触发输入变量的长度大于0。

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>

。 .

<body onload = document.get_id.fID_Num.focus();>

。 .

<form id="get_id" name="get_id" method="post" action="card_swipe_process.asp">
  <table width="100%" border="5" cellpadding="2">
      <tr>
          <td width="45%" class="PIN_LABEL">Swipe ID Card</td>
          <td width="10%">&nbsp;</td>
          <td width="45%"><label for="fID_Num"></label>
          <input name="fID_Num" type="text" id="fID_Num" maxlength="15" /></td>
      </tr>
      <tr>
          <td class="PIN_LABEL">&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
      </tr>
      <tr>
          <td class="PIN_LABEL">&nbsp;</td>
          <td>&nbsp;</td>
          <td><input type="submit" name="ID_NUM_ENTER" id="ID_NUM_ENTER"              value="Submit" /></td>
      </tr>
  </table>
</form>

【问题讨论】：

最好将onload 属性用引号括起来。
请展示使用如何“在输入文本字段中捕获磁条信息”。我们可能会为您找到一个工作活动。另外，客户端使用什么浏览器/环境？

标签： javascript

【解决方案1】：

我假设您在某处有读取卡号并将其放入盒子中的代码。只需将document.getElementById('get_id').submit() 添加到该代码即可。这样，用户仍然可以在需要时输入数字。

【讨论】：

【解决方案2】：

我在使用充当“键盘楔”的条形码阅读器时遇到了完全相同的问题。

启动一个 300 毫秒的计时器。每次“击键”清除并重新启动计时器后。一旦定时器超时，提交表单。

见：How can I call a function after a person stops typing?

var timer;

function onKeyUpHandler(e){
    timer = setTimeout(function() {document.get_id.submit()}, 300)    
}

function onKeyDownHandler(e) {
    clearTimeout(timer);
}

【讨论】：

【解决方案3】：

<script>
function sub(){
var id = document.getElementById('ID_NUM_ENTER').value;
if(id.length >= 0)
document.getElementByTagName('form').submit();
</script>

这必须工作，我建议您在处理数据库时使用 ajax，它工作得更快。

【讨论】：