隨著Web應用程序的不斷發展，表單驗證和AJAX更是成為了現代Web應用程序所必不可少的一部分。在本文中，我們將介紹如何使用jQuery來實現表單驗證和AJAX請求的功能。

$(document).ready(function() {
// 阻止表單默認提交的行為
$("form").submit(function(event) {
event.preventDefault();
});
// 在表單提交時進行驗證
$("form").submit(function() {
var name = $("#name").val();
var age = $("#age").val();
var gender = $("#gender").val();
var email = $("#email").val();
// 檢查每個表單字段
if (name == "") {
alert("請輸入您的姓名！");
return false;
} else if (age == "" || isNaN(age)) {
alert("請輸入正確的年齡！");
return false;
} else if (gender == "") {
alert("請選擇性別！");
return false;
} else if (email == "" || !validateEmail(email)) {
alert("請輸入有效的電子郵件地址！");
return false;
} else {
// 如果一切都合法，則使用AJAX提交表單數據
$.ajax({
type: "POST",
url: "process-form.php",
data: $("form").serialize(), // 將表單內容序列化為字符串
success: function(response) {
alert("您的表單已成功提交！");
},
error: function() {
alert("提交表單時出錯。請重試。");
}
});
}
});
});
// 驗證電子郵件地址的函數
function validateEmail(email) {
var re = /\S+@\S+\.\S+/;
return re.test(email);
}

以上代碼實現了一個簡單的表單驗證和AJAX提交功能。在提交表單之前，會檢查表單字段是否合法，如果不合法則顯示錯誤消息，不進行提交。如果所有字段都合法，則使用$.ajax方法將表單數據提交給"process-form.php"。