Фокусировка входа, когда он не заполнен

Question

Как сфокусировать вход, когда один из них не заполнен. Сейчас у меня есть это: http://jsfiddle.net/jalxob/ahQLC

$('#form').submit(function() { 
if ($.trim($("#email").val()) === "" || $.trim($("#user_name").val()) === "") { 
    $(".email1").addClass("focusred"); 
    $(".name1").addClass("focusred"); 
    return false; 
} }); 

Это показывает красный фокус, но в обоих входах, хотя один из них заполнен.

Спасибо ребята

Answer 1

$('#form').submit(function() { 
    var result = true, 
     focus_class = "focusred", 
     elements = $("input#user_name,input#email"); 

    elements.each(function (index, element) { 
     var element = $(element); 
     if ($.trim(element.val()) === "") { 
      element.addClass(focus_class); 
      result = false; 
     } else { 
      element.removeClass(focus_class); 
     } 
    }) 
    return result; 
}); 

Update, лучше ответ:

http://jsfiddle.net/SobiborTreblinka/6UgxJ/3/

Answer 2

Попробуйте

$('#form').submit(function() { 
    if ($.trim($("#email").val()) === "") { 
     $("#email").focus(); 
     return false; 
    } 
    if ($.trim($("#user_name").val()) === "") { 
     $("#user_name").focus(); 
     return false; 
    } 
}); 

Демо: Fiddle

Answer 3

Попробуйте следующее:

$('#form').submit(function() { 
if ($.trim($("#email").val()) === "") 
{ 
    $(".email1").addClass("focusred").focus(); 
} 
if ($.trim($("#user_name").val()) === "") 
{ 
    $(".name1").addClass("focusred").focus(); 
} 
    return false; 

});

Демонстрация: Fiddle