jQuery - простая проверка ввода - «пусто» и «не пусто»

Question

jQuery - простая проверка ввода - «пусто» и «не пусто»

12

У меня есть вход, который я хочу проверить:

<input type="text" id="input" />

И здесь JS:

        jQuery("#input").live('change', function() {

            if("#input:not(:empty)") {
                alert('not empty');
            }   

            else if("#input:empty") {
                alert('empty'); 
            }
        });

Даже когда "#input" пуст, нет способа отображения предупреждения с "пустым" сообщением. Итак, в основном, независимо от того, что я делаю, только первое утверждение истинно, а второе - false, всегда.

Что не так?

Wordpressor 23 июль 2011, в 17:54

Источник

0

Возможный дубликат проверки, если входные данные пусты, используя jQuery
The Codesee 09 март 2017, в 19:22

Теги:

jquery

ajax

validation

4 ответа

3

Вы можете сделать это

$("#input").blur(function(){
    if($(this).val() == ''){
        alert('empty'); 
    }
});

http://jsfiddle.net/jasongennaro/Y5P9k/1/

Когда вход потерял focus, то есть .blur(), проверьте значение #input.

Если он пуст == '', активируйте оповещение.

Jason Gennaro 23 июль 2011, в 17:03

2

На самом деле есть более простой способ сделать это, просто:

if ($("#input").is('empty')) {
console.log('empty');
} else {
console.log('not empty');
}

Mcloide 08 окт. 2012, в 20:27

2

    jQuery("#input").live('change', function() {
        // since we check more than once against the value, place it in a var.
        var inputvalue = $("#input").attr("value");

        // if it value **IS NOT** ""
        if(inputvalue !== "") {
            jQuery(this).css('outline', 'solid 1px red'); 
        }   

        // else if it value **IS** ""
        else if(inputvalue === "") {
            alert('empty'); 
        }

    });

Willem 23 июль 2011, в 17:21

Ещё вопросы

Возможный дубликат проверки, если входные данные пусты, используя jQuery

Gordon Gustafson · Accepted Answer · 2011-07-23T16-18-00.000Z

JQuery: пустой селектор выбирает все элементы на пустой странице в том смысле, что они не имеют дочерних элементов, включая текстовые узлы, а не все входы, в которых нет текста.

JQuery: как проверить, не был ли заполнен элемент ввода.

Здесь код, украденный из приведенного выше потока:

$('#apply-form input').blur(function()          //whenever you click off an input element
{                   
    if( !$(this).val() ) {                      //if it is blank. 
         alert('empty');    
    }
});

Это работает, потому что пустая строка в JavaScript является "фальшивым значением", что в основном означает, что если вы попытаетесь использовать ее как логическое значение, она всегда будет оцениваться как false. Если вы хотите, вы можете изменить условное выражение на $(this).val() === '' для большей ясности.: D