Как реализовать такой запрос?

Question

[grishaaa]

Ребята, такая проблема. Когда идет клике на определенную кнопку и в поле Input нету никаких введенных символом то это поле должно становится красным.
Подскажите код для того чтобы можно было узнать были введены символы в input или нет

Answer 1

[Денис]

$('button').on('click', function(){
    if ($.trim($('input').val()) === '') {
        // в текстовом поле нет ни одного символа
    }
});

Comments

[grishaaa]

Денис Спасибо вам м за этот код, но есть еще одно, нужно, чтобы когда в в поле есть текст то эта красная полоса исчезала, то есть когда начинаешь вводить то красная полоса исчезает

[Денис]

grishaaa смотрите такой вариант

var inp = $('input');

function checkInput() {
    inp[$.trim(inp.val()) === '' ? 'addClass' : 'removeClass']('error');
}
$('button').on('click', checkInput);
inp.on('input', checkInput);

[grishaaa]

Денис: а если мне при вводе нужно удалить див, как это прописать

[Денис]

grishaaa вот честное слово - у меня с телепатией очень туго :) Какой див и при каком событии/условии его нужно удалить?

[grishaaa]

Денис: )) вот код с добавлением дива при клике на кнопку
https://jsfiddle.net/a2kp0tpp/1/

[Денис]

grishaaa вы сильно не расстраивайтей, но в коде, который вы дали, нет добавления div-а. Есть добавление элемента span с дочерним i. Если все-таки не div, а эти элементы вы имели в виду, то можно так сделать

[grishaaa]

Денис: Спасибо вам большое, за то что, не отвернули так сказать, а детально помогли мне в моей проблеме!!!!!

Answer 2

[Alex]

required есть такое свойство у input а его в форму положить и форма будет не валидна.

Comments

[Алексей Ярков]

required

[Alex]

Алексей Ярков: Поправил, спасибо, очепятался