Javascript：多层有条件的，使用；返回false"；停止以后的条件检查

Return false并不是我想要它做的。如果任何一个条件通过，我希望它阻止表单提交，但我仍然希望它沿着条件树继续。现在，如果第一个条件

if（$（“.item.active”）.length==0）{

通过，它将点击

返回false；

并停止后面的条件检查

我怎样才能重写它以更好地工作

$('#go').click(function() {

    function invalidBtn(){
        $('#go').addClass('invalid');
        setTimeout(function() {
            $('#go').removeClass('invalid');
        }, 5000)
    }

    $('.error').remove();
    $('.invalid').removeClass('invalid');

    if ($(".item.active").length == 0) {
        $(".item:first-of-type").before('<h5 class="error">Select a shirt type</h5>');
        invalidBtn();
        return false;

    } else {

        if ( $(".item.active .size-select .active").length == 0) {
            $('.item.active .size-select').before("<div class='error'>Select a size</div>").addClass("invalid");
            //$(this).addClass('invalid');
            invalidBtn();
            return false;
        }

        if ($(".item.active .gender-select").length > 0 ) {
            if ( $(".item.active .gender-select .active").length == 0 ){
                $('.item.active .gender-select').before("<div class='error'>Select a gender</div>").addClass("invalid");
                //$(this).addClass('invalid');
                invalidBtn();
                return false;
            }
        }
    }

    if ( !$('#fn-field').val() ) {
        $('#fn-field').before("<div class='error'>Enter your first name</div>").addClass("invalid");
        //$(this).addClass('invalid');
        invalidBtn();
        return false;
    }

    if ( !$('#ln-field').val() ) {
        $('#ln-field').before("<div class='error'>Enter your last name</div>").addClass("invalid");
        //$(this).addClass('invalid');
        invalidBtn();
        return false;
    }

});

$（'go'）。单击（函数（）{
函数invalidBtn（）{
$（'go'）.addClass（'invalid'）；
setTimeout（函数（）{
$（'go'）.removeClass（'invalid'）；
}, 5000)
}
$（'.error'）.remove（）；
$（'.invalid'）。removeClass（'invalid'）；
如果（$（“.item.active”）.length==0）{
$（“.item:first of type”）。在（'Select a shirt type'）之前；
invalidtn（）；
返回false；
}否则{
如果（$（“.item.active.size select.active”）.length==0）{
$（'.item.active.size select'）。之前（“选择大小”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
返回false；
}
如果（$（“.item.active.gender select”）.length>0）{
if（$（“.item.active.gender select.active”）.length==0）{
$（'.item.active.gender select'）。之前（“选择性别”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
返回false；
}
}
}
if（！$（'#fn字段'）.val（）{
$（“#fn字段”）。在（“输入您的名字”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
返回false；
}
if（！$（'#ln字段'）.val（）{
$（'#ln field'）。在（“输入您的姓氏”）。addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
返回false；
}
});

---

非常感谢

只需替换所有返回值false即可更改布尔值，并返回布尔值，如下所示：

$('#go').click(function() {

function invalidBtn(){
    $('#go').addClass('invalid');
    setTimeout(function() {
        $('#go').removeClass('invalid');
    }, 5000)
}

var retVal = true;

$('.error').remove();
$('.invalid').removeClass('invalid');

if ($(".item.active").length == 0) {
    $(".item:first-of-type").before('<h5 class="error">Select a shirt type</h5>');
    invalidBtn();
    retVal = false;

} else {

    if ( $(".item.active .size-select .active").length == 0) {
        $('.item.active .size-select').before("<div class='error'>Select a size</div>").addClass("invalid");
        //$(this).addClass('invalid');
        invalidBtn();
        retVal = false;
    }

    if ($(".item.active .gender-select").length > 0 ) {
        if ( $(".item.active .gender-select .active").length == 0 ){
            $('.item.active .gender-select').before("<div class='error'>Select a gender</div>").addClass("invalid");
            //$(this).addClass('invalid');
            invalidBtn();
            retVal = false;
        }
    }
}

if ( !$('#fn-field').val() ) {
    $('#fn-field').before("<div class='error'>Enter your first name</div>").addClass("invalid");
    //$(this).addClass('invalid');
    invalidBtn();
    retVal = false;
}

if ( !$('#ln-field').val() ) {
    $('#ln-field').before("<div class='error'>Enter your last name</div>").addClass("invalid");
    //$(this).addClass('invalid');
    invalidBtn();
    retVal = false;
}

return retVal;

});

$（'go'）。单击（函数（）{
函数invalidBtn（）{
$（'go'）.addClass（'invalid'）；
setTimeout（函数（）{
$（'go'）.removeClass（'invalid'）；
}, 5000)
}
var-retVal=true；
$（'.error'）.remove（）；
$（'.invalid'）。removeClass（'invalid'）；
如果（$（“.item.active”）.length==0）{
$（“.item:first of type”）。在（'Select a shirt type'）之前；
invalidtn（）；
retVal=false；
}否则{
如果（$（“.item.active.size select.active”）.length==0）{
$（'.item.active.size select'）。之前（“选择大小”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
如果（$（“.item.active.gender select”）.length>0）{
if（$（“.item.active.gender select.active”）.length==0）{
$（'.item.active.gender select'）。之前（“选择性别”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
}
}
if（！$（'#fn字段'）.val（）{
$（“#fn字段”）。在（“输入您的名字”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
if（！$（'#ln字段'）.val（）{
$（'#ln field'）。在（“输入您的姓氏”）。addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
返回返回；
});

只需替换所有返回值false即可更改布尔值，并返回布尔值，如下所示：

$('#go').click(function() {

function invalidBtn(){
    $('#go').addClass('invalid');
    setTimeout(function() {
        $('#go').removeClass('invalid');
    }, 5000)
}

var retVal = true;

$('.error').remove();
$('.invalid').removeClass('invalid');

if ($(".item.active").length == 0) {
    $(".item:first-of-type").before('<h5 class="error">Select a shirt type</h5>');
    invalidBtn();
    retVal = false;

} else {

    if ( $(".item.active .size-select .active").length == 0) {
        $('.item.active .size-select').before("<div class='error'>Select a size</div>").addClass("invalid");
        //$(this).addClass('invalid');
        invalidBtn();
        retVal = false;
    }

    if ($(".item.active .gender-select").length > 0 ) {
        if ( $(".item.active .gender-select .active").length == 0 ){
            $('.item.active .gender-select').before("<div class='error'>Select a gender</div>").addClass("invalid");
            //$(this).addClass('invalid');
            invalidBtn();
            retVal = false;
        }
    }
}

if ( !$('#fn-field').val() ) {
    $('#fn-field').before("<div class='error'>Enter your first name</div>").addClass("invalid");
    //$(this).addClass('invalid');
    invalidBtn();
    retVal = false;
}

if ( !$('#ln-field').val() ) {
    $('#ln-field').before("<div class='error'>Enter your last name</div>").addClass("invalid");
    //$(this).addClass('invalid');
    invalidBtn();
    retVal = false;
}

return retVal;

});

$（'go'）。单击（函数（）{
函数invalidBtn（）{
$（'go'）.addClass（'invalid'）；
setTimeout（函数（）{
$（'go'）.removeClass（'invalid'）；
}, 5000)
}
var-retVal=true；
$（'.error'）.remove（）；
$（'.invalid'）。removeClass（'invalid'）；
如果（$（“.item.active”）.length==0）{
$（“.item:first of type”）。在（'Select a shirt type'）之前；
invalidtn（）；
retVal=false；
}否则{
如果（$（“.item.active.size select.active”）.length==0）{
$（'.item.active.size select'）。之前（“选择大小”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
如果（$（“.item.active.gender select”）.length>0）{
if（$（“.item.active.gender select.active”）.length==0）{
$（'.item.active.gender select'）。之前（“选择性别”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
}
}
if（！$（'#fn字段'）.val（）{
$（“#fn字段”）。在（“输入您的名字”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
if（！$（'#ln字段'）.val（）{
$（'#ln field'）。在（“输入您的姓氏”）。addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
返回返回；
});

只需替换所有返回值false即可更改布尔值，并返回布尔值，如下所示：

$('#go').click(function() {

function invalidBtn(){
    $('#go').addClass('invalid');
    setTimeout(function() {
        $('#go').removeClass('invalid');
    }, 5000)
}

var retVal = true;

$('.error').remove();
$('.invalid').removeClass('invalid');

if ($(".item.active").length == 0) {
    $(".item:first-of-type").before('<h5 class="error">Select a shirt type</h5>');
    invalidBtn();
    retVal = false;

} else {

    if ( $(".item.active .size-select .active").length == 0) {
        $('.item.active .size-select').before("<div class='error'>Select a size</div>").addClass("invalid");
        //$(this).addClass('invalid');
        invalidBtn();
        retVal = false;
    }

    if ($(".item.active .gender-select").length > 0 ) {
        if ( $(".item.active .gender-select .active").length == 0 ){
            $('.item.active .gender-select').before("<div class='error'>Select a gender</div>").addClass("invalid");
            //$(this).addClass('invalid');
            invalidBtn();
            retVal = false;
        }
    }
}

if ( !$('#fn-field').val() ) {
    $('#fn-field').before("<div class='error'>Enter your first name</div>").addClass("invalid");
    //$(this).addClass('invalid');
    invalidBtn();
    retVal = false;
}

if ( !$('#ln-field').val() ) {
    $('#ln-field').before("<div class='error'>Enter your last name</div>").addClass("invalid");
    //$(this).addClass('invalid');
    invalidBtn();
    retVal = false;
}

return retVal;

});

$（'go'）。单击（函数（）{
函数invalidBtn（）{
$（'go'）.addClass（'invalid'）；
setTimeout（函数（）{
$（'go'）.removeClass（'invalid'）；
}, 5000)
}
var-retVal=true；
$（'.error'）.remove（）；
$（'.invalid'）。removeClass（'invalid'）；
如果（$（“.item.active”）.length==0）{
$（“.item:first of type”）。在（'Select a shirt type'）之前；
invalidtn（）；
retVal=false；
}否则{
如果（$（“.item.active.size select.active”）.length==0）{
$（'.item.active.size select'）。之前（“选择大小”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
如果（$（“.item.active.gender select”）.length>0）{
if（$（“.item.active.gender select.active”）.length==0）{
$（'.item.active.gender select'）。之前（“选择性别”）.addClass（“无效”）；
//$（this.addClass（'invalid'）；
invalidtn（）；
retVal=false；
}
}
}
如果（！$）