Javascript 表单验证(返回问题)

Question

我的 Javascript 表单验证存在问题，我试图返回 true 或 false 值，但它不起作用。它只返回第一个 if/else 语句(无论是 true 还是 false)，然后从那里返回不起作用。一旦你看到 JavaScript 代码，你应该明白我想要做什么。

$('#button').click(function(){
    name = $("#name").val(); //name input
    age = $("#age").val(); //age input
    sex = $("#sex").val(); // sex input

    if(name.match(/(\w)\s(\w)/)){
        return true;
    }
    else {
            $('.form-row:first-child').css('border','1px solid red');
            return false;
    }

    if (age < 0 || age > 130 || isNaN(age)) {
            $('.form-row:nth-child(2)').css('border','1px solid red');
            return false;
    }
    else {
        return true;
    }

        if (sex == "male" || sex == "Male" || sex == "female" || sex == "Female"){
            return true;
        }
        else {
            $('.form-row:nth-child(3)').css('border','1px solid red');
            return false;
        }

  });

Answer 1

返回将退出该函数。相反，设置一个标志并在最后返回该标志。

$('#button').click(function(){
    returnFlag = false
    name = $("#name").val(); //name input
    age = $("#age").val(); //age input
    sex = $("#sex").val(); // sex input

    if(name.match(/(\w)\s(\w)/)){
        returnFlag = true;
    }
    else {
            $('.form-row:first-child').css('border','1px solid red');
            returnFlag = false;
    }

    if (age < 0 || age > 130 || isNaN(age)) {
            $('.form-row:nth-child(2)').css('border','1px solid red');
            returnFlag = false;
    }
    else {
        returnFlag = true;
    }

        if (sex == "male" || sex == "Male" || sex == "female" || sex == "Female"){
            returnFlag = true;
        }
        else {
            $('.form-row:nth-child(3)').css('border','1px solid red');
            returnFlag = false;
        }

    return returnFlag;
  });