Как проверить input на пустоту в jquery?

Пользователь

от sherwood_littel , в категории: JavaScript , 3 года назад

Как проверить input на пустоту в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от adela , 3 года назад

@sherwood_littel Используйте .val() метод в jQuery, чтобы проверить input значение на пустоту, посмотрите ниже небольшой пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<html>
<head>
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
    <label for="username">Имя пользователя: </label>
    <input type="username" id="username" value=""/>
</body>
<script>
    $("body").on("input", "#username", function () {
        if ($("#username").val() === "") {
            console.log("Input значение пустое")
        } else {
            console.log("Input значение НЕ пустое")
        }
    })
</script>
</html>


Пользователь

от ottilie.farrell , 2 года назад

@sherwood_littel 

В jQuery, вы можете использовать функцию val() для получения значения элемента input, а затем использовать метод length для проверки на пустоту. Например:

1
2
3
if ($("#inputId").val().length == 0) {
    // input is empty
}


Или можно использовать функцию .is(':empty')

1
2
3
if ($("#inputId").is(':empty')) {
    // input is empty
}


Еще вариант

1
2
3
if (!$("#inputId").val()) {
    // input is empty
}