声明“else if”不能用于验证输入

Question

刚做“if”声明，但我不明白为什么“else if”不起作用。

Jquery的

$('#submit-register').click(function () {
    // Works Fine
    if (0 == $('#last').val().length) {
        $('#last').addClass('error-input');
      // Doesn't Work
    } else if (0 == $('#name').val().length) {
        $('#name').addClass('error-input');
    }
});

Answer 1

您可能希望单独验证每个条件。

要执行此操作，您需要删除else。

$('#submit-register').click(function () {
    // Works Fine
    if (0 == $('#last').val().length) {
        $('#last').addClass('error-input');
    } 

    if (0 == $('#name').val().length) {
        $('#name').addClass('error-input');
    }
});

Answer 2

您可能必须打开控制台，检查测试值

$('#submit-register').click(function () {
    // Work Fine
    console.log("first if value = "+$('#last').val().length);
    console.log("second if value = "+ $('#name').val().length);
    if (0 == $('#last').val().length) {
      console.log("first if is true");
        $('#last').addClass('error-input');
      // Dont Wok
    } else if (0 == $('#name').val().length) {
      console.log("second if is true");
        $('#name').addClass('error-input');
    }
else {
      console.log("no if is true");
}

});