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 に答える