Question

我有关于bootstrap模式的问题：我有一个输入框和一个按钮，在输入框中，用户应该键入他们的代码，然后单击检查按钮：

<form class="form-inline" action="" method="post">
  <div class="form-group">
    <input type="text" class="form-control input-sm input-inverse" name="appcode" required="" data-form-field="appcode" placeholder="Insert Your Code"></div>
  <div class="buttons-wrap">
    <button name="Xcheck" class="btn btn-secondary display-4 " type="submit" role="button" data-toggle="modal" data-target="#modalID">Check</button>
  </div>
</form>

单击该按钮时，它将在同一页面中运行PHP代码，同时检查数据库中是否存在插入的代码。

这是php代码：

<?php
  $con= mysqli_connect("localhost", "root", "");
  mysqli_select_db($con, "cobathesis");

  if (isset($_POST['Xcheck'])){
    $appcode= $_POST['appcode'];
    $check=mysqli_query($con,"select * from applicantdata where appcode='$appcode'");
    $checkrows=mysqli_num_rows($check);

    if($checkrows>0) {
        // the modal should be loaded here
    }else{
        echo "<script>alert('You Inserted either the wrong Code or the Code is unregistered'); location.href='';</script>";
        }
  }
?>

是否可以使用相同的按钮（检查按钮）发布值并同时加载模态？

感谢您的回复。

Answer 1

您可以使用类似

的内容

$('#myForm').on('submit', function(e){
  $('#myModal').modal('show');
  e.preventDefault();
});

CodePen by Hana Piers

if条件后无法显示模态

1 个答案: