Jquery.validate.js是一個基于jQuery的表單驗證插件，可以通過簡單的配置實現對表單的強大驗證，包括必填、郵箱、數字等多種驗證方式。在實際開發中，經常會遇到多個表單需要同時驗證的情況，下面我們就來介紹如何使用jquery.validate.js實現多表單驗證。

首先，我們需要為每個需要驗證的表單添加一個id屬性，方便后續配置驗證規則。如下：

<form id="form1">
<input type="text" name="username">
<input type="password" name="password">
<button type="submit">提交</button>
</form>
<form id="form2">
<input type="text" name="email">
<input type="text" name="phone">
<button type="submit">提交</button>
</form>

然后，我們需要在JavaScript中配置驗證規則。這里我們使用validate()方法來設置，可以分別為每個表單單獨設置驗證規則，如下：

$().ready(function() {
// 第一個表單驗證規則
$("#form1").validate({
rules:{
username:{
required:true,
minlength:2
},
password:{
required:true
}
},
messages:{
username:{
required:"請輸入用戶名",
minlength:"用戶名不能少于2個字符"
},
password:{
required:"請輸入密碼"
}
}
});
// 第二個表單驗證規則
$("#form2").validate({
rules:{
email:{
required:true,
email:true
},
phone:{
required:true,
digits:true
}
},
messages:{
email:{
required:"請輸入郵箱地址",
email:"請輸入正確的郵箱地址"
},
phone:{
required:"請輸入手機號碼",
digits:"請輸入數字"
}
}
});
});

最后，在提交表單時，我們需要同時驗證所有表單，只有所有表單都驗證通過才能提交。針對這種情況，jquery.validate.js已經提供了ignore屬性，可以忽略某些表單的驗證，如下：

$().ready(function() {
// 忽略某些表單的驗證
$.validator.setDefaults({
ignore:":hidden:not(select)"
});
// 全部表單驗證
$("form").each(function(){
$(this).validate({
submitHandler:function(form){
$(form).ajaxSubmit({
success:function(data){
alert("提交成功");
}
});
}
});
});
});

以上就是jquery.validate.js實現多表單驗證的基本方法，通過這種方式，我們可以輕松地為多個表單添加驗證規則，實現更強大的表單驗證。