在Web開發中，表單是不可或缺的元素。然而，當用戶提交表單時，進行后端驗證可能需要一定的時間。為了提升用戶體驗，我們可以使用jQuery表單驗證及時提醒用戶輸入錯誤。

首先，我們需要使用jQuery來選擇表單并添加驗證規則。以下是一個示例表單：

<form id="myForm">
<input type="text" id="username" placeholder="請輸入用戶名">
<input type="password" id="password" placeholder="請輸入密碼">
<input type="submit" value="登錄">
</form>

我們可以使用jQuery選擇器來選擇輸入框，并添加驗證規則。以下是一個驗證用戶名的示例：

$(document).ready(function(){
// 驗證用戶名
$("#username").on("input", function(){
var val = $(this).val();
if(val.length < 6){
$(this).css("border-color", "red");
} else{
$(this).css("border-color", "green");
}
});
});

在上面的代碼中，我們使用了jQuery的on()方法來綁定事件，當用戶輸入時執行驗證規則。如果用戶名長度小于6，則將文本框邊框顏色設置為紅色，否則設置為綠色。

接下來，我們使用jQuery的submit()方法來驗證整個表單：

$(document).ready(function(){
// 驗證表單
$("#myForm").submit(function(event){
var username = $("#username").val();
var password = $("#password").val();
// 用戶名驗證規則
if(username.length < 6){
alert("用戶名必須大于6位");
event.preventDefault(); // 阻止表單提交
return;
}
// 密碼驗證規則
if(password.length < 6){
alert("密碼必須大于6位");
event.preventDefault(); // 阻止表單提交
return;
}
// 驗證通過，提交表單
alert("表單已提交");
});
});

以上代碼會在用戶提交表單時驗證用戶名和密碼是否滿足規則。如果不滿足，會阻止表單提交，并彈出錯誤提示。如果驗證通過，會彈出成功提示并提交表單。

通過以上代碼，我們可以提升用戶體驗，及時驗證表單并提示錯誤，避免用戶無法提交表單或提交錯誤的表單。