preventDefault - 不按预期工作

Question

我有这段代码，我的想法是发送数据到validation.php，但没有提交表单。下面的代码在单击时不会执行任何操作。我的问题是，我不能允许提交默认操作，因为当按下按钮时，无论验证是否有效，都会重新加载到初始页面。如果我将.click更改为.submit发生同样的情况，页面将被重新加载。

<script type="text/javascript" language="javascript"> 

    $(document).ready(function() { 

     $("#customForm").click(function(event){ 
     event.preventDefault(); 
     $.post("validation.php", { 
      nameRegist: $('#nameRegist').val(), 
      emailRegist: $('#emailRegist').val(), 
      myPasswordRegist: $('#myPasswordRegist').val(), 
      pass2Regist: $('#pass2Regist').val() 
     }); 
     }); 

    }); 
    </script> 


<form method="post" id="customForm" action=""> 
      <div> 
       <label for="name">Name</label> 
       <input id="nameRegist" name="nameRegist" type="text" /> 
       <span id="nameInfo">Insira o seu nome</span> 
      </div> 
      <div> 
       <label for="email">E-mail</label> 
       <input id="emailRegist" name="emailRegist" type="text" /> 
       <span id="emailInfo">Insira um email válido por favor!</span> 
      </div> 
      <div> 
       <label for="myPassword">Password</label> 
       <input id="myPasswordRegist" name="myPasswordRegist" type="password" /> 
       <span id="myPasswordInfo">Insira pelo menos 4 letras e sem espaços</span> 
       <div id="bar" style="width: 234px; height: 20px;"></div> 
      </div> 
      <div> 
       <label for="pass2">Confirm Password</label> 
       <input id="pass2Regist" name="pass2Regist" type="password" /> 
       <span id="pass2Info">Confirme a password</span> 
      </div> 
      <div></div> 
      <div> 
       <input id="send" name="send" type="submit" value="Send" /> 
      </div> 
     </form> 

http://emprego.xtreemhost.com/login/emprego.php - 请点击绿色按钮（雷吉斯托），然后提交（对不起FOT坏服务器）

Answer 1

$(document).ready(function() { 

     $("#customForm").submit(function(event){ 
     $.post("validation.php", { 
      nameRegist: $('#nameRegist').val(), 
      emailRegist: $('#emailRegist').val(), 
      myPasswordRegist: $('#myPasswordRegist').val(), 
      pass2Regist: $('#pass2Regist').val() 
     }); 
     event.preventDefault(); 
     return false; 
     }); 
    });