在未填充输入时聚焦输入

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() {
    if ($.trim($("#email").val()) === "") {
        $( "#email" ).focus();
        return false;
    }
    if ($.trim($("#user_name").val()) === "") {
        $( "#user_name" ).focus();
        return false;
    }
});

演示：Fiddle

Answer 2

$('#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;
});

更新，更好的答案：

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

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