0

重複の可能性:
javascripit のフォーム検証が適切に機能しない

を使用しvalidate()てフォームを検証しました。

html は次のとおりです。

    <form  id="form3" name="form3"   method="post" action="changepassExcution.php">
           <ul>  <li id="foli1" class="notranslate">

                    <label class="desc" id="title1" for="oldpass">
            old password:
           </label>
                <div>
                   <input id="oldpass" name="oldpass" type="password" class="field text medium    required" maxlength="255" tabindex="1"/> </div></li>
 <li id="foli2" class="notranslat">
                <label class="desc" id="title2" for="newpass">
                              new password:
                         </label>
                           <div>
               <input id="newpass" name="newpass" type="password" class="field text medium  required" maxlength="255" tabindex="2" />
            </div></li>
       <li id="foli3" class="notranslate">
       <label class="desc" id="title3" for="retypenewpass">
      repeat new password:</label>
          <div><input id="retypenewpass" name="retypenewpass" type="password" class="field text medium required"  maxlength="255" tabindex="3" /></div></li>
        <li class="buttons "><div>
            <input  id="saveForm" name="saveForm" class="button" type="submit" value="change password"/></div></li>

            </ul>
             </form>

そして、ここにJavaScriptがあります：

    <script>
    $(document).ready(function(){
    $("#form3").validate();
       });
       </script>

問題は、フォームを正しく (有効) 送信すると送信されますが、フォームが無効な場合は送信が機能しないことを修正することです。

更新: 関数は次のコードで Horraaay :) 動作するようになりました:

      <script>
      $(document).ready(function(){
      $("#form3").validate();
     });
     </script>

唯一の問題は入力フォーム名でした..入力フォームの名前として「送信」を使用しましたが、以前は別の名前でした..

4

2 に答える 2

0

機能する可能性はありますが、検証のルールがないため、常にパスしますか?

次のようなルールを設定してはどうでしょうか。

<script>
$(document).ready(function(){
    $("#form3").validate({
        rules: {
            oldpass: { required: true },
            newpass: { required: true },                
        }
    });
});

jQuery ドキュメントで詳細を読む

于 2012-07-22T12:54:41.760 に答える
0

試す：

<script>
    $(document).ready(function(){
       $("#form3").validate();
    });
</script>

編集

試す：

<script>
    $(document).ready(function(){
       $("#form3").submit(function(){
            $(this).validate();
       });
    });
</script>
于 2012-07-22T10:22:16.760 に答える