隱藏和顯示錶單驗證

一旦提交，我想要「測驗」隱藏並顯示「謝謝」。所有的工作都是正確的，直到我添加了一個JavaScript表單驗證代碼，現在它只是重新加載第一個div「welcome」，我認爲在提交時添加「#thanks」來解決問題，但事實並非如此。然後試圖添加一個「if true」聲明到我的表單驗證結束了打破錶單驗證。我正在使用jquery.validate來驗證我的表單建議。用當前的代碼跳過驗證，只是顯示「謝謝」如果有人有任何建議，將不勝感激。隱藏和顯示錶單驗證

<div id="quiz"> 
     <form class="cmxform" id="commentForm" method="get" action="" onSubmit="showHide(); return false;"> 
      <label for="cname">Name</label> 
      <input id="cname" name="name" size="20" class="required" minlength="2" /> 
      </p> 
      <p> 
      <label for="ccompany">Company Title</label> 
      <input id="ccompany" name="company" size="20" class="required company" minlength="2" /> 
      </p> 
      <p> 
      <label for="cnumber">Phone Number</label> 
      <input id="cnumber" name="number" size="20" class="required number" /> 
      </p> 
      <p> 
      <label for="cemail">Email</label> 
      <input id="cemail" name="email" size="20" class="required email" /> 
     <p></p> 
    <input class="submit" type="submit" value="Submit" align="center"/> 
    </form> 
    </div> 

    <div id="thanks"><h2>Thank you.</h2> 
You will receive an email momentarily 
</div> 

    <script> 
$("#begin").click(function(){ 
    $("#quiz").show(); 
    $("#welcome").hide();  
}); 
function showHide(){ 
    $("#thanks").show(); 
    $("#quiz").hide();  
}; 

</script>

來源

2012-06-25 Tobias

不應該使用'$（'。submit'）'？ '＃submit'似乎並不存在於您發佈的代碼中的任何地方。 – prodigitalson

是的，$（'。submit'）使它進入着陸頁面，但它沒有通過表單驗證。我確信這是簡單的，我只是俯視，但似乎無法看到它。 – Tobias

我更新了我的代碼使用jquery.validate – Tobias

所有我能說的是，你做錯了....當你正在做的表單驗證可以工作還有很多優秀的表單驗證的jQuery插件，將兩個簡化你的生活，並添加更豐富的用戶體驗。 jquery.validate可能是使用最廣泛的庫，值得使用。

來源

2012-06-25 22:37:41

謝謝，這確實使事情變得更容易。我仍然無法在提交時顯示「感謝」部分，但至少我現在正在更正確的軌道上。 – Tobias

使用jquery.validate更新了我的所有代碼 – Tobias

隱藏和顯示錶單驗證

回答

相關問題