1

提交后，我试图隐藏“测验”并显示“感谢”。在我添加 JavaScript 表单验证代码之前，一切都正常工作，现在它只是重新加载第一个 div“欢迎”，我认为在提交时将“#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>
4

1 回答 1

1

我只能说你做错了......虽然你正在做的表单验证可以工作，但有很多很好的表单验证 jquery 插件可以简化你的生活并增加更丰富的用户体验。 jquery.validate可能是使用最广泛的库，非常值得使用。

于 2012-06-25T22:37:41.727 回答