如何驗證javascript中的多個輸入字段？

Question

我想在單擊按鈕時驗證姓名、電子郵件和郵政編碼，但它只顯示最后一條錯誤消息，而不是特定於該字段。 我正在用 JavaScript 和 jquery 編寫這段代碼。 任何幫助表示贊賞。

if (!ck_name.test(name)) {
    errors[errors.length] = "You valid First Name .";
    document.getElementById("errorname").innerHTML = "You must enter a username";
    return false;
}

if (!ck_name.test(lname)) {
    errors[errors.length] = "You valid last name .";
    document.getElementById("errorlastname").innerHTML = "You must enter a username";
    return false;
}

Answer 1

當您在函數中返回一個值時，不會執行 return 語句后面的任何代碼。 因此，您不應在每次驗證錯誤后返回 false，而應僅在執行所有所需驗證后返回 true/false。

if (!ck_name.test(name)) {
    errors.push("You valid First Name.");
    document.getElementById("errorname").innerHTML = "You must enter a username";
}

if (!ck_name.test(lname)) {
    errors.push("You valid last name.");
    document.getElementById("errorlastname").innerHTML = "You must enter a username";
}

return (errors.length == 0);