JQuery使代碼在同一頁面上可重用

Question

我創建了一個表單併爲它寫了所有的JQuery - 表單驗證等。一切正常，但我想了解如何使這個JQuery可重用，這樣我就可以擁有更多一個頁面上的一個表單，仍然有一切正常工作。現在，當我提交一個表單時，JQuery將執行並驗證所有表單，而不僅僅是我提交的表單。

謝謝！

Answer 1

$("form").each(function(){ 
    $(this).validate(); 
}); 

這將運行驗證您的網頁上的每個單獨的窗體。如果你不：

你也可以這樣做（但我不推薦的內嵌JavaScript）：

function validate(){ 
    $(this).validate(); 
} 

然後在你的每一個形式：

<form onsubmit="validate();"> 

編輯使用驗證插件，然後試試這個：

$("form").each(function(){ 
    $(this).submit(function(){ 
     // your validation code here 
    }); 
}); 

Example。