窗体2按钮+ javascript问题

Question

<form action="index.php?page=checkin" method="post" name="regForm"> 
    <div id="First_1"> 
     <table width="100%" cellpadding="0" cellspacing="0"> 
      <tr> 
       <td> 
        <table cellpadding="0" cellspacing="5"> 
         <tr> 
          <td style="padding: 5px;"> 
           Fullständiga namn: 
          </td> 
          <td> 
           <input name="full_name" type="text" id="full_name" class="required"> 
          </td> 
         </tr> 
         <tr> 
          <td style="padding: 5px;"> 
           Email: 
          </td> 
          <td> 
           <input name="usr_email" type="text" id="usr_email3" class="required"> 
          </td> 
         </tr> 
         <tr> 
          <td style="padding: 5px;"> 
           Sex: 
          </td> 
          <td> 
           <select name="sex"> 
            <option value="male"> 
             Kille 
            </option> 
            <option value="female"> 
             Tjej 
            </option> 
           </select> 
          </td> 
         </tr> 
         <td> 
          <input type="submit" id="continue" value="Fortsätt"> 
         </td> 
        </table> 
       </td> 
      </tr> 
     </table> 
    </div> 
    <div id="Next_2" style="display: none"> 
     <table width="100%" cellpadding="0" cellspacing="0"> 
      <tr> 
       <td> 
        <table cellpadding="0" cellspacing="5"> 
         <tr> 
          <td style="padding: 5px;"> 
           Lösenord: 
          </td> 
          <td> 
           <input name="pwd" type="password" class="required password" id="pwd"> 
          </td> 
          <td> 
           En gång till.. 
          </td> 
          <td> 
           <input name="pwd2" id="pwd2" class="required password" type="password"> 
          </td> 
          <td> 
           <input name="doRegister" type="submit" id="doRegister" value="Register"> 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr> 
     </table> 
    </div> 
</form> 
<script type="text/javascript"> 
    $(function() { 
     $("#continue").click(function() { 
      $.ajax({ 
       type: "POST", 
       url: "dbc.php", 
       data: { 
        check: 'First', 
        full_name: $('#full_name').val(), 
        usr_email: $('#usr_email3').val() 
       }, 
       success: function(msg) { 
        if (msg == '1') { 
         $("#First_1").hide(); 
         $("#Next_2").toggle(); 
        } else { 
         alert(msg); 
        } 
       } 
      }); 
      return false; 
     }); 
    }); 
</script> 

这就是我的形式。首先填写3个表单元素，然后按继续按钮，然后发送ajax调用以检查字段。如果一切正常（如果来自ajax调用的输出= 1），Next_2会打开，您输入密码两次。之后，你按最后一个按钮注册，这应该做“action = index.php？page = checkin”，但它没有，当我按注册它只是变空白，我可以看到在萤火虫，它发送另一个Ajax调用我不明白，因为按钮没有id =“继续”，但id =“doRegister”

Answer 1

由于“继续”按钮并没有实际提交表单，尝试将其声明为普通按钮而不是提交按钮，像这样：

<input type="button" id="continue" value="Fortsätt"> 

我猜测，在同一个窗体上有两个提交按钮会以某种方式导致与处理程序的交互。

Answer 2

我想你应该做的“继续”按钮类型=“按钮”，而不是提交

<input type="button" id="continue" value="Fortsätt">