Как проверить поле ввода на пустоту?

Question

[Егор Репьев]

Здравствуйте! Как можно написать код, чтобы он смотрел, что поле ввода не заполнено?
На мнемонике как-то так:
ЕСЛИ текстовое поле = ничего, ТО сообщение(поле не заполнено).

Заранее вам спасибо!

Answer 1

[Sergey Petrenko]

Ну что-то такое (если я правильно понял вопрос).

У вас есть

<form action="/somewhere/" method="POST" onsubmit="return checkFields();">
    <input type="text" id="myTextbox" />
    <input type="submit" />
</form>

А затем

function checkFields() {
    var myTextboxElem = document.getElementById("myTextbox");
    if(myTextboxElem.value !== "") {
         return true;
    } else {
         alert("Заполните поле");
         return false;
    }
}

(мой пример плохой изначально и имеет право на существование только в том случае, если у вас одно поле в одной форме и вообще минимализм вне разумных пределов — наше всё, а алерты — вовсе не «не бро»)

Answer 2

[Николай]

Можно сделать без JS используя html5 валидацию и немного css:
Разметка

<form action="/somewhere/" method="POST" required>
    <input type="text" id="myTextbox" />
    <div class='error'>
        field is required
    </div>
    <input type="submit" />
</form>

CSS стили:

.error {
    display: none;
}
#myTextbox:invalid + .error {
    display: block;
}

Answer 3

[lega]

jsfiddle.net/lega911/gemdcnme

инфо: https://habrahabr.ru/post/272125/