Предотвращение по умолчанию не работает в моем коде

Question

Привет! Я занимаюсь разработкой веб-сайта WordPress с использованием php, я хочу сделать 4 шага для одного php файла. Если условие выполнено, то go перейдет на следующую страницу.

function checketudesandformations() {
  var x = document.getElementById("myTable").rows.length;

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

Если вышеуказанные условия удовлетворены, то только ниже jquery требуется огонь, но я получаю кнопку, условие не выполняется. Поэтому, пожалуйста, помогите мне любой

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery("#suivantsteps2").click(function(e) {
      e.preventDefault();
      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")

      return false;
    });
  });
</script>

Ниже моего 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>

Answer 1

Я не правильно понял вопрос, но сначала вам нужно исправить код. Используйте обработчик одного события для события 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>