Jquery一次模糊验证一个字段

Question

那么我就有了下面的字符串

http://jsfiddle.net/WF2J9/446/

检查字段是否为空，并将错误类添加到字段的标签中。

然而，它似乎检查所有字段一次，我如何改变代码，使当用户选项卡/点击说的名称字段，只有名称标签的变化?

HTML

<form action="" method="post" class="a">
    <label for="name">Name</label> : <input type="text" class="text" name="name" id="name" /> <br/>
    <label for="address">Address</label> : <input type="text" class="text" name="address" id="address" /> <br/>
    <label for="email">email</label> : <input type="text" class="text" name="email" id="email" /> <br/>
</form>

JS

jQuery('input').on('blur', function() {
    jQuery('form input').each(function() {
        var $this = jQuery(this);
        if($this.val() == '') {
            var $label = jQuery("label[for='"+this.id+"']")
            jQuery($label).addClass("error");
        }
    });
});

Answer 1

只需删除blur内部的循环，如:

jQuery('input').on('blur', function () {
    var $this = jQuery(this);
    if ($this.val() == '') {
        var $label = jQuery("label[for='" + this.id + "']")
        $label.addClass("error");
    }
});

<<p> 小提琴演示/strong>

Answer 2

尝试focusout函数:

Javascript:

 jQuery('input').focusout('blur', function () {
        var $this = jQuery(this);
        if ($this.val() == '') {
            var $label = jQuery("label[for='" + this.id + "']")
            jQuery($label).addClass("error");
        }
        else{
     var $label = jQuery("label[for='" + this.id + "']")
            jQuery($label).addClass("success");
    }

});

http://jsfiddle.net/Harpreet_devgun/WF2J9/449/