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