停止条形码扫描仪刷新页面

Question

我正在使用HTML表单中的条形码扫描程序，并且刷新页面时出现问题

扫描仪的输入进入此格式（html 5）：

<form>
<label for "bar_code">Item</label>
<input
name="bar_code"
id="bar_code" 
onchange = "processBarCode('getitemdetails.php', this.value);"
onfocus="setStyle(this.id);"
autofocus
>
</form>

processBarCode是一个AJAX函数，用于检查条形码是否在mySQL数据库中，如果它将项目添加到页面下方的<form>，则可以正常工作。问题是，因为条形码扫描器在函数返回时在输入结束时添加一个输入，它会触发提交，从而导致页面刷新。

我需要为onchange添加的输入才能自动生效，但仍需要禁用页面刷新。

任何想法都感激不尽!!

Answer 1

更改您的表单元素以取消提交：

<form onsubmit="return false;">