通過條形碼掃描儀提交表單后如何打開引導程序模式框

Question

我有一個用於條形碼掃描的小表格。 我掃描產品的條形碼，然后會出現一個引導框。 我將輸入產品的條形碼編號輸入模態中。 模態內部還有另一種形式，它將檢索產品的條形碼編號，並將填充一些輸入並將其插入到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個值發布到模式框中的表格。

這是我想看到的模式框。 （İ尚未將其他輸入放入模態中，稍后我會放入。）

 <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');
 });