Как проверить html форму на заполнение

An27 · 04.06.2016

Напишу тут два варианта проверки формы на заполнение.

1. Вариант - чисто на html, не пускает после нажатия submit.

Нужно добавить required в поле, которое обязательно.
Например, есть форма заказа - имя и телефон. Сделаем телефон обязательным.

PHP:

<form action="zakaz.php" method="post">
							
						<input type="text" name="name"  placeholder="Введите имя"/>
						<input type="text" name="phone"required  placeholder="Введите телефон"/>
						<button type="submit" ><span>Отправить</span></button>
					</form>

2. Вариант на яваскрипте. Позволяет вывести текст с предупреждением. Можете написать что угодно. Если нужно сделать все поля обязательными - используем следующий код.

PHP:

     <script>
      function checkForm(form)
{
  for (var i = 0; i < form.elements.length; i++)
  if (form.elements[i].value == '')
{
  alert ('Заполните все поля');
  return false;
}}     </script>
<form action="zakaz.php" onsubmit="return checkForm(this)"  method="post">
							
						<input type="text" name="name"  placeholder="Введите имя"/>
						<input type="text" name="phone"required  placeholder="Введите телефон"/>
						<button type="submit" ><span>Отправить</span></button>
					</form>

Думаю, кому-тополезно будет + для меня заметочка.

monahyip · 07.06.2016

An27 написал(а):
вывести текст с предупреждением.

Удобно еще юзерам в момент заполнения выделять поле красным или зеленым.

nanocat · 04.09.2016

Вариант с jquery:

HTML:

<form id='testform1'>
....
</form>

Код:

$(function() {
  $("#testform1").onsubmit(function() {
     var err = 0;
     var arr = $(this).serializeArray();
     for (var i in arr){
          if (!arr[i].value){
            err = 1;break;
          }
     }

     if (err){
         //действие при хотя бы одном пустом элементе в форме (которые имеют атрибут name)
     }
  });
});

anton333 · 25.09.2016

Я использую для этого PHP и HTML.При неправильно заполненой форме появляется красная надпись что поля нужно заполнить.

An27 · 27.09.2016

anton333 написал(а):
PHP и HTML

До отправки и обработки сервером лучше все-таки само наличие пунктов на стороне клиента проверять.

Kasian · 09.10.2016

Да, вариантов есть множество, как это можно проверить. С формами нужно быть аккуратным, потому как, если она не будет корректно работать, то смысла с вашей веб страницы вообще не будет никакой, потому что это самое главное.

WebStudio Limiard · 12.10.2016

anton333 написал(а):
Я использую для этого PHP и HTML.При неправильно заполненой форме появляется красная надпись что поля нужно заполнить.

Не вижу смысла бесполезно тратить ресурсы сервера. Все проверки и валидность формы сначала проверяю на стороне клиента, и если все ок, то только тогда отправляю на контроллер.

Как проверить html форму на заполнение

An27

МАСТЕР

monahyip

Любитель

nanocat

Интересующийся

anton333

Новичок

An27

МАСТЕР

Kasian

Интересующийся

WebStudio Limiard

Любитель

Похожие темы