Question

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

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>

防止默认设置在我的代码中不起作用

1 个答案: