jQuery表单验证validate(）验证后提交不起作用

jQuery form validation validate() the submitting does not work after the validation

本文关键字：验证 提交 不起作用 表单 validate jQuery      更新时间：2024-01-07

可能重复：
javascrippit中的表单验证无法正常工作

我使用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>

唯一的问题是输入表单名称。。我使用了"submit"作为输入表单的名称，但之前是不同的名称。。

try:

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

编辑

尝试：

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

它是否可能工作，但没有验证规则，所以它总是通过？

设置一些这样的规则怎么样：

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

阅读jQuery文档

中的更多信息
相关文章：