条形码扫描后表单的自动提交的剖析

来源：互联网发布：侠盗飞车for mac 编辑：程序博客网时间：2024/05/21 17:13

前提：该条形码输入文本框在一个dialog框中

需求：通过条形码的扫描，数据自动提交到后台，获取该条形码所关联的详细数据，进行数据的完善，然后保存

出现的现象：条形码经扫描枪扫描后，数据会进行自动提交，但是返回的数据并没有显示在一个预先设置的dialog数据库框内，而是直接以网友的形式加载出来

问题分析：扫描枪扫描条形码后，数据会进行自动的提交(注：提交的过程是以触发 document.onkeydown()事件)

解决代码如下：

  $(function(){  //扫描枪扫描条形码自动提交form的处理  document.onkeydown = function keyDown(e){       if (!e) var e = window.event       if (e.keyCode) keyCode = e.keyCode;       else if (e.which) keyCode = e.which;       var txtInput = document.getElementById(code_new);       if(keyCode==123 ){           txtInput.focus();       }else if(keyCode==13 ){        window.event.returnValue = false;  //设置条形码扫描后不进行自动提交        //获取详细信息操作       }   }  //扫描界面  $("#setDialog").dialog({         autoOpen: false,   height: 80,   width: 600,   modal: true,       }); });     freemarker:    <div id="setDialog" title="xxxx" style="display: none;">       <@p.form id="saveForm" action="访问资源" labelWidth="20">            <@p.text required="true"  label="xxxx" class="required" maxlength="30" size="30"  id="code_new" name="code_new"/>            <@p.hidden  name="code"  id="code_old"/>          <<a>/@p.form</a>>   </div>

1 0