通过条形码扫描仪提交表单后如何打开引导程序模式框

用户名

我有一个用于条形码扫描的小表格。我扫描产品的条形码,然后会出现一个引导框。进入模态后,我会发布产品的条形码编号。模态内部还有另一种形式,它将检索产品的条形码编号,并将填充一些输入并将其插入到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>

不久,我认为一切正常,但模态并没有停留在屏幕上。它出现,然后在一秒钟内消失。我看不到将模态显示在屏幕上的缺失点是什么?

维杰

您需要使用“阻止提交按钮的默认操作”

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Android Studio条形码扫描仪应用程序。通过意图扫描

来自分类Dev

如何使用Web服务将条形码扫描仪以批处理模式连接到Web应用程序?

来自分类Dev

如何使条形码扫描仪的中心透明?

来自分类Dev

如何在phonegap构建中从条形码扫描仪打开URL

来自分类Dev

如何使条形码扫描仪从数据库中检查条形码编号?

来自分类Dev

如何从C#Winforms中的条形码扫描仪读取条形码值

来自分类Dev

扫描后PhoneGap条形码扫描仪插件崩溃-Android

来自分类Dev

Android:如何将通过USB连接的外部条形码扫描仪设备集成到Android应用程序

来自分类Dev

简单的HTML表单输入字段,其中包含条形码扫描仪的多个值

来自分类Dev

蓝牙条形码扫描仪的解码输出

来自分类Dev

Rails应用的条形码扫描仪

来自分类Dev

从Swing中的条形码扫描仪读取

来自分类Dev

Winforms按键和条形码扫描仪

来自分类Dev

Xamarin形成条形码扫描仪

来自分类Dev

片段中的条形码扫描仪

来自分类Dev

蓝牙条形码扫描仪的解码输出

来自分类Dev

从条形码扫描仪iOS 7保存图像

来自分类Dev

Worklight 6.1-条形码扫描仪插件

来自分类Dev

Phonegap条形码扫描仪失败Jasmine错误

来自分类Dev

片段中的条形码扫描仪

来自分类Dev

符号条形码扫描仪-不起作用

来自分类Dev

Xamarin形成条形码扫描仪

来自分类Dev

浏览器的QR /条形码扫描仪

来自分类Dev

在IOS中实施条形码扫描仪

来自分类Dev

html5和jquery应用程序的条形码扫描仪

来自分类Dev

无法启动actvity componentinfo-Android应用程序条形码扫描仪

来自分类Dev

从条形码扫描仪应用程序访问数据以在SQLite查询中使用

来自分类Dev

用于html5和jquery应用程序的条形码扫描仪

来自分类Dev

运行Windows“条形码扫描仪示例”应用程序

Related 相关文章

  1. 1

    Android Studio条形码扫描仪应用程序。通过意图扫描

  2. 2

    如何使用Web服务将条形码扫描仪以批处理模式连接到Web应用程序?

  3. 3

    如何使条形码扫描仪的中心透明?

  4. 4

    如何在phonegap构建中从条形码扫描仪打开URL

  5. 5

    如何使条形码扫描仪从数据库中检查条形码编号?

  6. 6

    如何从C#Winforms中的条形码扫描仪读取条形码值

  7. 7

    扫描后PhoneGap条形码扫描仪插件崩溃-Android

  8. 8

    Android:如何将通过USB连接的外部条形码扫描仪设备集成到Android应用程序

  9. 9

    简单的HTML表单输入字段,其中包含条形码扫描仪的多个值

  10. 10

    蓝牙条形码扫描仪的解码输出

  11. 11

    Rails应用的条形码扫描仪

  12. 12

    从Swing中的条形码扫描仪读取

  13. 13

    Winforms按键和条形码扫描仪

  14. 14

    Xamarin形成条形码扫描仪

  15. 15

    片段中的条形码扫描仪

  16. 16

    蓝牙条形码扫描仪的解码输出

  17. 17

    从条形码扫描仪iOS 7保存图像

  18. 18

    Worklight 6.1-条形码扫描仪插件

  19. 19

    Phonegap条形码扫描仪失败Jasmine错误

  20. 20

    片段中的条形码扫描仪

  21. 21

    符号条形码扫描仪-不起作用

  22. 22

    Xamarin形成条形码扫描仪

  23. 23

    浏览器的QR /条形码扫描仪

  24. 24

    在IOS中实施条形码扫描仪

  25. 25

    html5和jquery应用程序的条形码扫描仪

  26. 26

    无法启动actvity componentinfo-Android应用程序条形码扫描仪

  27. 27

    从条形码扫描仪应用程序访问数据以在SQLite查询中使用

  28. 28

    用于html5和jquery应用程序的条形码扫描仪

  29. 29

    运行Windows“条形码扫描仪示例”应用程序

热门标签

归档