Question

我有一个PHP搜索页面可查询数据库。结果以引导方式显示在同一页面上。它运行完美，除了页面加载时，模式自动显示而无需输入。如果我关闭模式并提交搜索，则效果很好。有什么建议吗？

这是表格

<form  id="myForm" method="post">
     <div class="form-group">
       <label class = "label-default"for="firstname">enter your first name</label>
            <input type="text" name="firstname" placeholder="First Name" id="firstname" required=""  oninvalid="this.setCustomValidity ('Please enter first name')" oninput= "setCustomValidity('')"/>
            </div>
          <label name="lastname">enter your last name</label>
       <input type="text" name="lastname" placeholder="Last Name" required=""oninvalid="this.setCustomValidity ('Please enter last name')" oninput= "setCustomValidity('')" />

     <button   class="btn btn-primary"  type="submit"   value="search" >Check Seniority</button>
     <button class="btn btn-outline-primary"  type="reset" name="reset" id ="reset" value="reset">Reset</button>
</form>

这是我正在使用的脚本

<script>



$(document).ready(function(){ 
  $("#myForm").submit(function(event){
    submitForm();
    return false;
  });
});
 $(function(){

          $('#myModal').modal('show');
          return false;
     });
;
  </script>

Answer 1

$(function() { ... });是$(document).ready(function(){})的缩写，在文档就绪状态下运行。

我不知道您的代码中的submitform()是什么。如果它是显示模态并执行搜索的函数，则这是调用此函数的正确方法：

<script>
$(document).ready(function(){ 
  $("#myForm").submit(function(event){
    submitForm();
    return false;
  });
});

function submitform(){
     $('#myModal').modal('show');
     // and also post some data to the modal to perform search and finally:
     return false;
});
</script>

阻止模式显示在页面加载中

1 个答案: