【问题标题】:jQuery form validation validate() the submitting does not work after the validation [duplicate]jQuery表单验证validate()验证后提交不起作用[重复]
【发布时间】:2012-07-22 10:21:04
【问题描述】:

可能重复:
Form validation in javascripit does not work propably

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

唯一的问题是输入表单名称..我使用“提交”作为输入表单的名称,但之前的名称不同..

【问题讨论】:

  • 如果我的建议不起作用,你能告诉我们.validate() 函数吗?除非您使用的是验证插件?
  • 尝试在 $('#form1').submit() 中编写验证功能,看看是否可行。
  • @Shant 当我这样做时它不起作用
  • 几个小时前您已经问过同样的问题,请编辑旧问题以匹配您当前的进度,而不是每次发生变化时都提出新问题。
  • 当你说,它不起作用...是否给出任何错误?如果是,请发布错误消息。

标签: javascript jquery


【解决方案1】:

尝试:

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

编辑

尝试:

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

【讨论】:

  • 是的,这只是我在这里粘贴时输入错误..我编辑了它..问题不在于它
  • 现在它根本不起作用。 :(
  • 您有任何错误吗?你在用萤火虫吗?如果不是,我建议获取萤火虫,然后在错误报告中打开持久性,以便即使页面重新加载它也会保留在那里。然后告诉我们
  • 用你的代码然后看看有没有错误?你也使用坚持吗?
  • 是的,我调试过没有错误
【解决方案2】:

有没有可能它有效,但没有验证规则 - 所以它总是通过?

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

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

阅读更多jQuery documentation

【讨论】:

    猜你喜欢
    • 2017-01-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多