javascript中的表单验证可能无法正常工作

时间:2012-07-22 08:12:43

标签: javascript jquery forms validation jquery-validate

我正在处理这个表格,假设在提交之前验证表格

$(document).ready(function() {
    $("#form3").validate();
    if ($('#form3').valid()) $('#form3').submit();
});

但问题是:它在加载表单时打印(空字段错误)。


更新:该功能现在正在使用Horraaay :),代码如下:

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

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

3 个答案:

答案 0 :(得分:1)

将代码放在表单提交事件上。像这样:

$(document).ready(function()
{
    $("#form3").validate();
    $("#form3").submit(function(event)    
    {
        if (!$(this).valid()) 
        {
            event.preventDefault();
        }
    });
});

答案 1 :(得分:0)

我认为在成功验证后默认情况下会提交表单。但是我不知道为什么你需要重新提交表格。

如果您需要手动提交,可以使用SubmitHandler地点提交表单。

$("#form3").validate({
   submitHandler: function(form) {       
     form.submit();
   }
});

答案 2 :(得分:0)

我解决了问题,现在它有效...... 这是一个小错误!

我将提交按钮名称和ID更改为(提交)。