Почему не работает код jquery?

Question

[Konstantin Kudelko]

Я сделал валидацию формы, вместе с тултипами, но при добавлении текста валидация пропадает, а вот тултипы нет почему?

var checkForm = function(e){
        e.preventDefault();

        var form = $(this);
        var items = form.find('input, textarea').not('input[type="submit"], input[type="reset"], input[type="file"]');

        $.each(items, function(index, val){
            var content = $(val).val().trim();
            console.log(content);
            if(content.length === 0){
                $(this).addClass("error");
                showTooltip(this);
            } else {
                $(this).removeClass("error");
            }
        });

    };

	var showTooltip = function(target){
		var $target = $(target);
		$target.data("info");
		var showTooltip = "<div class='red'>" + $target.data("info") + "</div>";
		var elem = $target.parent('.form-wrap');
		if(elem.find('.red').length === 0) {
			$(target).before(showTooltip);
		}else{
			$("div.red").remove();
		}
	};

Comments

[Марик Цукор]

нужно javascript учить

[Konstantin Kudelko]

ну я только в процессе=)

Answer 1

[Андрей]

После этой строки $(this).removeClass("error"); надо добавить $(".red").remove();

Правда если класс .red еще каким-либо элементам присваивается, то они тоже удалятся... Так-что в таком случае какое-то более специфическое название классу надо придумать вместо .red

Answer 2

[Валерий]

Закинь на jsfiddle.net и посмотрим