Javascript “防止默认值”在我的代码中不起作用

大家好，我正在使用php开发wordpress网站，我想对单个php文件执行4个步骤。如果条件满足，它将转到下一页

函数checketudesandformations（）{
var x=document.getElementById（“myTable”）.rows.length；
if（x<3）{
警报（“请至少选择2个文档”）；
文档。位置。重新加载（true）；
返回false；
}否则{
//返回true；
}

如果上面的条件满足，那么只有下面的jquery想要开火，但是我得到的按钮开火条件不满足。所以请帮助我任何一个

jQuery（文档）.ready（函数（）{
jQuery（“#suivantsteps2”）。单击（函数（e）{
e、 预防默认值（）；
jQuery（“#候选表格2”）.css（“显示”、“无”）；
jQuery（“#candidateTabForm3”）.css（“之前的分页符”、“始终”）；
jQuery（“#候选表格3”）.css（“显示”、“块”）；
jQuery（“#step03”）.addClass（“活动”）
jQuery（“step02”）.removeClass（“活动”）
返回false；
});
});

下面是我的HTML代码

<form name="etudesandformations" id="etudesandformations" method="post" 
  enctype="multipart/form-data" action="#"  style="margin-top: 40px;">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">

    <tr>
      <td align="center" valign="top">
       <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td></td>
        <tr>
           <td>
                <input name="inesv6" type="hidden" value="">
                  <table width="100%" border="0" cellpadding="5" cellspacing="0">
                  <tr>
                   <td width="50%" align="right">
                       <input  class="saisie1 input"  name="precedent" id="precedent" type="submit" value="Pr&eacute;c&eacute;dent" onClick="" tabindex="5">
                </td>
                 <td align="left">
                <input  class="saisie1 input" name="suivantsteps" id="suivantsteps2" type="submit" value="Suivant" onClick="checketudesandformations()" tabindex="4">
               </td>
              </tr>
           </td>
        </tr>
       </table>

---

我并没有正确理解这个问题，但您需要首先更正您的代码。对onclick事件使用单一事件处理程序，如下所示。如果您需要更多帮助，请至少创建代码的最小工作范围

<script type="text/javascript">
function checketudesandformations() {
  var x = document.getElementById("myTable").rows.length;

  if (x < 3) {
    alert("Please Select atleast 2 documents'");
    document.location.reload(true);

  } else {
    jQuery("#candidaturetabform2").css("display", "none");
      jQuery("#candidaturetabform3").css("page-break-before", "always");
      jQuery("#candidaturetabform3").css("display", "block");
      jQuery("#step03").addClass("active")
      jQuery("#step02").removeClass("active")
  }

</script> 

函数checketudesandformations（）{
var x=document.getElementById（“myTable”）.rows.length；
if（x<3）{
警报（“请至少选择2个文档”）；
文档。位置。重新加载（true）；
}否则{
jQuery（“#候选表格2”）.css（“显示”、“无”）；
jQuery（“#candidateTabForm3”）.css（“之前的分页符”、“始终”）；
jQuery（“#候选表格3”）.css（“显示”、“块”）；
jQuery（“#step03”）.addClass（“活动”）
jQuery（“step02”）.removeClass（“活动”）
}

即使在Adiga编辑之后，我也无法理解这个问题。如何调用

checketudesandformations

以及该函数与jQuery ready函数的关系如何？您还需要显示HTML代码，以及默认情况下在表单中阻止的内容。使用两个单独的“单击”没有任何意义这里的处理程序。将所有内容合并到一个函数中，这样会更易于管理。此外……如果用户没有选择至少两个文档，为什么要重新加载整个页面？如果用户因为一个错误而不得不重新输入所有数据，这将严重困扰用户。哦，为什么要使用表格进行布局？这是90年代的技术。使用CSS和divs/flexbox/其他一些现代且响应迅速的功能来控制页面的外观。表格冗长且不灵活，用于显示数据行，而不是形成整个页面-此外，如果您这样做，会让使用屏幕阅读器的人感到困惑。我不知道如何合并该功能，因此请给出一些e示例代码