javascript以错误的顺序验证

Question

function validateForm() {
    var name = document.forms["myForm"]["name"].value;
    if (name == undefined || name == null || name == "") {
        alert("Name must be filled out");
        return false;
    }

    var letters = /^[A-Za-z]+$/;
    if (name.match(letters)) {
        return true;
    } else {
        alert('Name must have alphabet characters only');
        document.forms["myForm"]["name"].focus();
        return false;
    }
}

function validateForm() {
    var unit = document.forms["myForm"]["unit"].value;
    if (unit == undefined || unit == null || unit == "") {
        alert("Unit must be filled out");
        return false;
    }

    var alpha = /^[0-9a-zA-Z]+$/;
    if (unit.match(alpha)) {
        return true;
    } else {
        alert('User address must have alphanumeric characters only');
        document.forms["myForm"]["unit"].focus();
        return false;
    }
}

验证有效，但它从单位字段而不是名称开始，当我用正确的字符填写单位字段并提交时，它不会返回验证名称字段，请认真建议？

Answer 1

你不能有两个同名的函数，因为第二个函数会覆盖第一个函数。像这样合并函数：

function validateForm() {
    var formIsValid = true;
  
    var name = document.forms["myForm"]["name"].value;
    if (name == undefined || name == null || name == "") {
        alert("Name must be filled out");
        formIsValid = false;
    } else  if (!name.match(/^[A-Za-z]+$/)) {
        alert('Name must have alphabet characters only');
        document.forms["myForm"]["name"].focus();
        formIsValid = false;
    }
  
    var unit = document.forms["myForm"]["unit"].value;
    if (unit == undefined || unit == null || unit == "") {
        alert("Unit must be filled out");
        formIsValid = false;
    } else if (!unit.match(/^[0-9a-zA-Z]+$/)) {
        alert('User address must have alphanumeric characters only');
        document.forms["myForm"]["unit"].focus();
        formIsValid = false;
    }
  
    return formIsValid;
}