什么是验证输入字段的最佳方法？

Question

让我们把以下情况：

我有一个窗体，其中有一个需要验证的输入字段。我知道2周的方式这样做的：

1 - 调用该方法对所有的规则包含在呼叫：

$("form").validate({ 
    rules: { 
    'field1': { 
     required: true, 
    } 
    } 
}); 

2 - 设置HTML领域如下：

<input type="text" data-val-required="true"/> 

。 ..并调用方法...

$("form").validate(); 

我的问题是：上述哪一个规则是最好的验证（co无与伦比的性能和浏览器兼容性（如果有任何限制））？或者没有区别？

Answer 1

AFAIK，它没有区别。然而，这是一个有争议的问题，因为.validate()方法（插件初始化）仅在页面加载时调用一次。页面加载完成后，插件会自动处理验证，以及规则如何声明在当时无关紧要。

Answer 2

根据我的基本验证经验，没有太大区别。但是使用方法调用允许使用自定义规则或对其他表单元素状态的基本要求等。