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

Question

我正在处理此表单，该表单应该在提交之前验证表单

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

但是问题是：加载表单时，它会显示（空字段错误）。

---

UPDATE：该函数现在可以使用以下代码在Horraaay中工作：)

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

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

Answer 1

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

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

Answer 2

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

如果需要手动提交，可以使用SubmitHandler位置提交表单。

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

Answer 3

我解决了问题，现在可以解决问题了……这是一个小错误！

我将提交按钮的名称和ID更改为（Submit）。