jQuery input 值為空判斷陷阱：val() 返回空字符串而非 null

錯誤代碼

$("#tj1").click(function(){
    if ($("#user1").val() == null) { // 永遠為 false
        alert("1");
    } else {
        alert("2");
    }
});

原因

$("#user1").val() 返回 空字符串 "" 而非 null。JavaScript 中 "" == null 為 false。

正確寫法

var val = $("#user1").val();
if (val === "" || val == null) { // 或簡寫
    alert("1"); // 為空
} else {
    alert("2");
}

// 更簡潔
if (!$.trim($("#user1").val())) {
    alert("輸入為空或空白");
}

擴展：表單驗證最佳實踐

• 使用 $.trim() 去除首尾空白。
• 結合 required 屬性與 HTML5 驗證 API。
• 推薦 jQuery Validation Plugin 統一管理規則。