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();
    });
</script>

编辑

尝试：

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

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

如何设置一些这样的规则：

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

阅读更多jQuery 文档

于 2012-07-22T12:54:41.760 回答