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

[An27]

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

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

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

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

     <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>

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

 

Реклама: ⚡️ Sm24.exchange - Мгновенный обмен криптовалют | Лучшие курсы | Банки РФ

[monahyip]

вывести текст с предупреждением.

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

 

Реклама: ⚡️ Sm24.exchange - Мгновенный обмен криптовалют | Лучшие курсы | Банки РФ

[nanocat]

Вариант с jquery:

<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)
     }
  });
});

 

Реклама: ⚡️ Sm24.exchange - Мгновенный обмен криптовалют | Лучшие курсы | Банки РФ

[anton333]

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

 

Реклама: ⚡️ Sm24.exchange - Мгновенный обмен криптовалют | Лучшие курсы | Банки РФ

[An27]

PHP и HTML

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

 

Реклама: ⚡️ Sm24.exchange - Мгновенный обмен криптовалют | Лучшие курсы | Банки РФ

[Kasian]

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

 

Реклама: ⚡️ Sm24.exchange - Мгновенный обмен криптовалют | Лучшие курсы | Банки РФ

[WebStudio Limiard]

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

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

 

Реклама: ⚡️ Sm24.exchange - Мгновенный обмен криптовалют | Лучшие курсы | Банки РФ