jQuery：在尝试提交之前，验证不起作用

Question

我有以下代码来验证必填字段：

$(document).ready(function(){ 
    $("#gestione_profilo").validate({ 
    rules: { 
        'person_data[document_number]': "required" 
    } 
    }); 

当我显示表单并删除该字段的值时，它不会显示“必需”消息。但是在尝试提交没有插入值的表单后，每次字段为空时它都会正确显示“必需”消息。

在尝试对表单进行求和之前，为什么它不起作用？

关于

Javi

Answer 1

jQuery的准备功能只计算一次，当HTML DOM就绪;就像javascript onload等。我认为你需要实现的是jQuery.change（）事件，所以验证规则在每次更改字段时都会被检查...

Answer 2

我认为你可以在这里使用keyup函数：

$("input").keyup(function() { 
    ...validate form here 
}); 

Answer 3

您可以拨打.valid()触发验证了蝙蝠，像这样：

$(document).ready(function() { 
    $("#gestione_profilo").validate({ 
     rules: { 
      'person_data[document_number]': "required" 
     } 
    }); 
    $("#gestione_profilo").valid(); 
}); 

You can test it out here。

Answer 4

$('#homepage_enquiry :input.required').blur(function(){}).valid(); 

这也将工作，但只有在他们试图输入一些东西后。模糊功能在离开输入框时发挥作用。我更喜欢它，因为我不希望它在输入前显示错误。