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

Question

让我们提出以下情况：

我有一个表单，其中包含需要验证的输入字段。我知道有两种方法可以做到这一点：

1 - 使用呼叫中包含的所有规则调用方法：

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

2 - 按如下方式设置HTML字段：

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

......并调用方法......

$("form").validate();

我的问题是：上述哪条规则最适合验证（考虑性能和浏览器兼容性（如果有任何限制））？或者没有区别？

Answer 1

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

Answer 2

AFAIK，它没有任何区别。但是，这是一个没有实际意义的问题，因为.validate()方法（插件初始化）仅在页面加载时调用一次。页面加载后，插件会自动处理验证，如何声明规则在此时无关紧要。