Napis dodaje się po zmianie wartości, jednak po sfocusowaniu pola value napisy się oczywiści usuwają, lecz po kolejnej zmianie dodają się już 2 napisy.
Niezależnie od tego czy będzie to wartość positive lub negative, dodaje się taka ilość identycznych napisów jeden pod drugim, ile zostało wprowadzonych zmian bez odświeżania strony.
Oczywiście za każdym razem usuwają się wszystkie po sfocusowaniu.
Jak mogę zmienić kod, aby za każdym razem po zmianie wartosci tekstu wyswietlał się tylko jeden napis?
var passCheck = function(){
var $pasValue = $('input[name="value"]');
$pasValue.focus(function(){
$('.negative').remove();
$('.positive').remove();
});
$pasValue.change(function(){
if($pasValue.val() != "test"){
$("
<p class=\"negative\"><img src=\"images/x.png\" class=\"p3\" /> Błędna wartosc
</p>").insertAfter($pasValue);
}else{
$("
<p class=\"positive\"><img src=\"images/y.png\" class=\"p3\" /> Poprawna wartosc
</p>").insertAfter($pasValue);
}
});
}