Как проверить данные из 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 на пустоту

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---