바코드 스캐너로 양식을 제출 한 후 부트 스트랩 모달 상자를 여는 방법

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> 

이것은 두 개의 값을 모달 상자에 게시하는 형식입니다.

그리고 이것은 내가보고 싶은 모달 상자입니다.

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

을 (. 나는 둘 것이다 yet.Later 모달로 otehr 입력을 넣어하지 않은 경우) 또한 내가 모달 상자를 열려면이 자바 스크립트를 사용

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