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

Будем использовать jquery для проверки на пустоту в input , как проверить input на пустоту в jquery пример.

Jquery проверка полученных данных из input на пустоту

1. Jquery алгоритм проверки на пустоту в input
2. Jquery скрипт проверки input на пустоту
3. Jquery пример работы скрипта проверки input на пустоту
4. Скачать

Jquery алгоритм проверки на пустоту в input

Если мы говорим о jquery, то естественно первое, что мы должны сделать это подключить jquery

Первое после первого, что всегда нужно сделать - это подумать об алгоритме , о процессе, как эта проверка будет происходить! И тут мы встречаемся с парадоксом! Пока вы не знаете процесс - ни о каком алгоритме вы и сказать не сможете!

Поэтому об алгоритмах, в данном случае jquery проверки на пустоту будет рассказывать тот, кто это прошел!

Для того, чтобы проверить данные из input надо:

1. Получить данные из input


Если вдруг в поле ввода ввели html теги - от них нужно избавиться:

2. Strip_tags javascript

Теперь в данных... надемеся, что остался только текст... и если остались лишь пробелы, их нужно тоже уничтожить, для этого нужен метод:

3. Trim в javascript


Ну и отследить нажатие на кнопку :

4. Click jquery

Нам понадобится поле ввода input:

<input type="text" placeholder="Напишите что-то" id="input">

Далее кнопка button:

<button>Отправить</button>

Ну, и собственно скрипт, который и будет проверять на пустоту input в jquery.

Запускаем функцию при клике…

$("button").click(function()

Далее в переменную получим данные из инпута, пропустим через «Strip_tags» - здесь в принципе она особо не нужна, но поскольку уже раз написал, то пусть останется… пропустим через trim – для того, если человек поставит несколько пробелов, физически строка уже не пустая, но в ней пустота, чтобы её убрать нужен –trim.

perem = strip_tags($("#input").val()).trim();

Ну и далее… собственно условие, если переменная не существует то выводим «алерт»

if(!perem)

Jquery скрипт проверки input на пустоту

Соберем весь код скрипта проверки input на пустоту вместе:

<input type="text" placeholder="Напишите что-то" id="input">

<button>Отправить</button>

<script>

$("button").click(

            function()

            }

                     perem = strip_tags($("#input").val()).trim();

                     if(!perem)

                     {

                     alert("Нельзя отправлять пустое поле!");

                     }

                    else

                    {

                      alert(perem);

                    }

            }

    );

</script>

Jquery пример работы скрипта проверки input на пустоту

Чтобы проверить на пустоту ничего не набирая просто нажмите на кнопку Jquery проверить input на пустоту:

Jquery проверить input на пустоту

Всего комментариев : 0 Comments+ 2.0

+ =