проблемы JQuery с простым кодом

Question

, почему этот код не работает

var name = $("#name").val();  
    var email = $("#email").val(); 
    var web = $("#web").val(); 
    var comment = $("#comment").val(); 


    if(name.length < 5){ 
     $("#name").css("border-color","red"); 
    } elseif (email.length < 5) { 
     $("#email").css("border-color","red"); 
    } elseif (web.length < 5) { 
     $("#web").css("border-color","red"); 
    } elseif (comment.length < 10) { 
     $("#comment").css("border-color","red");   
    }else{ 

alert('ok'); 

} 

и каждый Вэл для одного, как этого <input id="name" type="text" size="24" />

Answer 1

В JavaScript ваших elseif потребности быть else if, как это:

if(name.length < 5) { 
    $("#name").css("border-color","red"); 
} else if (email.length < 5) { 
    $("#email").css("border-color","red"); 
} else if (web.length < 5) { 
    $("#web").css("border-color","red"); 
} else if (comment.length < 10) { 
    $("#comment").css("border-color","red");   
} else { 
    alert('ok'); 
} 

Answer 2

Вопрос не был слишком ясным в отношении конкретной проблемы, но я упомянул, что при определении CSS-граней границы имеют больше, чем просто цвет е стенографии, как это:

border: [size] [style] [color]; 

Так что, если ваши элементы первоначально не имеют толщину границы/стиль, который вы не могли бы фактически видеть что-нибудь показать, когда вы установите цвет на красный.

Дайте этот выстрел:

$("#name").css("border", "2px solid red");