什麼是驗證輸入字段的最佳方法？

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

根據我的基本驗證經驗，沒有太大區別。但是使用方法調用允許使用自定義規則或對其他表單元素狀態的基本要求等。