通过条形码扫描仪提交表单后，如何打开引导模态框

Question

我的条形码扫描形式很小。我会扫描产品的条形码，并将出现一个引导盒。进入模态i发布产品的条形码。在模态内有另一种形式，它将检索条形码的产品数量，并将填充一些输入并将其插入MySQL数据库表中。

<form name="barkod_oku" id="barkod_oku" action="" method="post" >
<input name="sto_barkod" id="sto_barkod" value="" autofocus placeholder="Barkod Numarası">
<input type="hidden" name="alis_fatura_no" value="<?php echo $finalcode1 ;?>">
</form>

这是我将2个值发布到模态框中的形式。

这是我想看的模态框。（i还没有将otehr输入放入模态。我会放置。）

 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
 <div class="modal-content">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    <input name="barkod_no" value="<?php echo $sto_barkod1; ?>">
    <input name="fatura_no" value="<?php echo $stok_kodu1; ?>">
  </div>
   </div>
 </div>
 </div>

，我也使用此JavaScript打开模式框：

 <script>
 $('#barkod_oku').submit(function () {
    $('#myModal').modal('show');
 });
</script>

不久，我认为一切都很好，但是模式不留在屏幕上。它出现，然后在一秒钟内消失。我看不到将模态放在屏幕上的缺失点是什么？

Answer 1

您需要使用防止提交按钮的默认操作

$('#barkod_oku').submit(function () {
    event.preventDefault();
    $('#myModal').modal('show');
 });