當我們使用 jQuery 來實現表單驗證的功能時，我們可能會遇到一種錯誤狀態，即 jQuery invalid 狀態，它會返回表單驗證結果為 false。

if($("#form").valid()) {
//執行表單提交操作
}

在上述代碼中，我們使用了 jQuery validation plugin 提供的 valid() 方法來驗證表單，如果表單驗證結果為 true，則執行表單提交操作。

但當驗證結果為 false，即表單不合法時，該方法返回 jQuery invalid 狀態，并且阻止了表單的提交。

為了解決這個問題，我們可以使用 jQuery validation plugin 提供的 showErrors() 方法來顯示驗證錯誤信息。

$("#form").validate({
rules: {
name: {
required: true
},
email: {
required: true,
email: true
}
},
messages: {
name: {
required: "請輸入姓名"
},
email: {
required: "請輸入郵箱地址",
email: "請輸入正確的郵箱地址"
}
},
errorPlacement: function (error, element) {
error.appendTo(element.parent().next());
},
success: function (label) {
label.addClass("valid").text("驗證通過");
}
});
$("#form").submit(function (event) {
event.preventDefault();
if ($("#form").valid()) {
//執行表單提交操作
} else {
$("#form").validate().showErrors();
}
});

在上述代碼中，我們通過 validate() 方法來初始化表單驗證規則和錯誤提示信息。

errorPlacement 屬性用于指定錯誤信息的顯示位置，success 屬性用于指定驗證通過時的提示。

在表單提交事件中，我們通過 preventDefault() 方法來阻止默認的表單提交操作，并且在 $("#form").valid() 操作返回 jQuery invalid 狀態時，調用 showErrors() 方法來顯示表單驗證錯誤信息。