扫码器提交表单后如何打开bootstrap模态框

Question

我有一个用于条码扫描的小表格。我扫描产品的条形码，然后会出现一个 bootstrap 框。输入模态 i post 商品条码编号。在模式内部还有另一种形式，它将检索产品的条形码编号并填写一些输入并将其插入 mysql 数据库 table。

<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>

这是我post2个值进入模态框的形式。

这就是我想看到的模态框。（© 还没有将其他输入放入模态 yet.Later 我将放入。）

 <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

您需要使用Prevent the default action of a submit button

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

扫码器提交表单后如何打开bootstrap模态框

How to open a bootstrap modal box after submitting a form by barcode scanner

php

jquery

bootstrap-modal

barcode-scanner

purchase-order