Как открыть модальное окно начальной загрузки после отправки формы сканером штрих-кода

У меня есть небольшая форма для сканирования штрих-кода. Я сканирую штрих-код продукта, и появится окно начальной загрузки. В модал я выкладываю номер штрих-кода продукта. А внутри модальной есть еще одна форма, которая будет извлекать номер штрих-кода продукта, заполнит некоторые входные данные и вставит их в таблицу базы данных 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>

Вскоре все работает хорошо, я думаю, но модальное не остается на экране. Появляется, а затем исчезает в одну секунду. Какова пропущенная точка, которую я не вижу, чтобы держать модал на экране?

0

Решение

Вам нужно использовать Запретить действие по умолчанию для кнопки отправки

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

Другие решения

Других решений пока нет …