时间戳

首页 > 解决方案 > 在提交表单之前显示 div 不起作用

javascript - 在提交表单之前显示 div 不起作用

问题描述

我有一个表单，我想在提交之前显示一个确认 div，如果用户在新 div 上单击确定，它会提交，如果不是，我正在使用 slideUp() 和 slideDown()，我很友好如果卡住，它不起作用，它只是重定向到下一页，我如何通过单击新按钮返回 true 以实际提交表单，而不是使用原始提交按钮？

<div class="choosing" id="choosing">
  <form action="rides.php" method="POST" id="tripinfo">
    <label> Date of the trip: <br>
      <input id="date" type="date" min="2021-06-21" required>
    </label> <br>
    <button type="submit" id="subBtn" class="btn"> Finish up</button>
  </form>
</div>

<div class="confirmation " id="confirmation" style="display:none" ;>
  //some stuff
  <button id="ok">ok</button>
</div>

剧本：

<script>

  $('#tripinfo').submit(function () {

  $("#choosing").slideDown();
  $("#confirmation").slideUp();

  if ($('#ok').click)
    return true;
  else
    return false;
    //i'm pretty sure this if statement is wrong but i don't know what is wrong with it lol.
  }
  });

</script>

标签： javascripthtmljquery

解决方案

使用event.preventDefault()而不是返回 false

推荐阅读