не верный вывод в DOM jquery

271

27 июля 2017, 23:57

Вот пример моего кода:

$(document).ready(function(){ 
    $(".titleNews").keyup(function (){ 
        if($(this).val() == "") { 
            $(this).after('enter title news!!!'); 
        } 
    }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
Enter your name: <input class="titleNews" type="text"> 
 
<p>Enter your name in the input field above. It will change background color on keydown and keyup.</p>

Из него видно, что при таком написании - ошибка выводится столько раз подряд, сколько нажали на кнопку удаления текста в поле. Как сделать, чтоб эта ошибка появлялась только 1 раз и чтоб проверка поля была даже если туда ничего не ввели а сразу нажали на submit?

Answer 1

Заведи тег с классом error и складывай туда текст ошибки и выводи:

$(document).ready(function(){ 
    var errorMsg = ""; 
    $(".titleNews").keyup(function (){ 
        errorMsg = $(this).val().trim() == "" ? 'enter title news!!!' : "";     
        $('.error').text(errorMsg);         
    }); 
});

.error { 
  color: red; 
  font-weight: bold; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
Enter your name: <input class="titleNews" type="text"> 
<span class="error"></span> 
<p>Enter your name in the input field above. It will change background color on keydown and keyup.</p>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как в Bootstrap добавить пару px к сетке?

Использую bootstrapСоздал левое меню и задал ему

246

Вопрос по части Dictionary<string, Dictionary<string, string>>

Посоветуйте замену или как занести в такого вида словарь Dictionary<string, Dictionary<string, string>> нужные мне значения - нужно занести это:

269

C# Забивается оперативная память

Я загружаю изображения 240 штук в ListBoxНо у меня этот процесс отнимает 1600 мб оперативной памяти и я никак не могу освободить эту память

378

Выбор определенных файлов на флешке без использования OpenFileDialog

У нас имеется флешка, требуется вывести в программу все доступные файлы определенного типа (допустим doc, txt) и, при этом, флешки могут отличаться...

236