バーコードスキャナーでフォームを送信した後にブートストラップモーダルボックスを開く方法

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つの値をモーダルボックスに投稿するフォームです。

これは私が見たいと思うモーダルボックスです。 （私は入れますyet.Laterモーダルに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> 

をまもなくすべてが正常に私の作品モーダルは画面上にとどまっていないと思う。表示され、1秒で消えます。スクリーン上にモーダルを保持することができない欠点は何ですか？

Answer 1

あなたは今、それが消えていません。.. Prevent the default action of a submit button

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