JavaScript表單驗證檢查

Question

我正在做一些有關表單驗證的作業，並編寫了一些代碼，但是由於某些問題它是無效的。 有人可以告訴我它們有什么問題並修復它們嗎？ 謝謝

function formCheck() {
    var form = document.forms["contact_form"];
    if(form["first_name"]["last_name"].value == "") {
        alert("Please fill in the required name.");
        form["first_name"]["last_name"].focus();
        return false;
    }

    var zip = /^\d{5}(-\d{4})?$/.test;
    if(zip.test(form["zip_code"]).value == false){
        alert("Please fill in a valid zipcode.");
        form["zip_code"].focus();
        return false;
    }

    var phone = /^\[0-9]{10}$|^\([0-9]{3}\)[ ]?[0-9]{3}-[0-9]{4}$/
    if(phone.test(form["phone_number"]).value == false){
        alert("Phone number input format is not valid.");
        form["phone_number"].focus();
        return false;
    }

    var email = /^([a-zA-Z0-9_.])+@[a-zA-Z0-9]([a-zA-Z0-9])+\.([a-z])+$/
    if(email.test(form["email_address"].value == false){
        alert("Email format is not valid.");
        return false;
    }
    form.submit();
    return true;
}

Answer 1

這似乎不正確：

if(form["first_name"]["last_name"].value == "") {
    alert("Please fill in the required name.");
    form["first_name"]["last_name"].focus();
    return false;
}

您可能希望將其替換為：

if(form["first_name"].value == "") {
    alert("Please fill in the required first name.");
    form["first_name"].focus();
    return false;
}
if(form["last_name"].value == "") {
    alert("Please fill in the required last name.");
    form["last_name"].focus();
    return false;
}