jQuery 表單驗證/Ajax 提交實戰：現成代碼參考

圖片所示作業屬於典型的 jQuery 表單驗證 + Ajax 無刷新提交場景。推薦參考成熟教程：

• jQuery Validate 插件完整使用指南（規則自定義、遠程驗證、提交處理）
• 官方文檔（最權威、最新）

核心代碼骨架

$("#myForm").validate({
    rules: {
        username: { required: true, minlength: 3 },
        email: { required: true, email: true }
    },
    messages: {
        username: "請輸入 3 位以上用戶名",
        email: "請輸入合法郵箱"
    },
    submitHandler: function(form) {
        $.ajax({
            url: "/api/register",
            type: "POST",
            data: $(form).serialize(),
            success: function(res) { alert("註冊成功"); },
            error: function() { alert("網絡錯誤"); }
        });
    }
});

重點掌握：規則定義、錯誤提示樣式控制、submitHandler 中阻止默認提交改用 Ajax。