Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Как можно проверить форму на содержание пустых полей (https://javascript.ru/forum/css-html/82802-kak-mozhno-proverit-formu-na-soderzhanie-pustykh-polejj.html)

Миленький 07.07.2021 19:10

Как можно проверить форму на содержание пустых полей
 
Здравствуйте, если у всех полей с required заполненные данные я при нажатии кнопки type="sybmit" могу словить onsumbit у формы (что значит что форма не пустая). Но как я могу проверить что форма пустая - существует аналог onEmptyFieldFound (после нажатия button type="sybmit") или можно ли реализовать что-то подобное. Я не хотел бы перебирать все поля циклом при нажатии кнопки - и вызывать form.send() так как форма также будет перебирать поля на предмет их заполнености. Можно ли профессионально решить такую задачу :agree: :)

Rise 07.07.2021 19:27

Constraint validation API

Миленький 08.07.2021 00:13

Спасибо, oninvalid очень помог, однако если инпутов 2 - то я получаю 2 алерта - могу ли я сделать oninvalid на всю форму (чтоб если пустое поле - один алерт / 2 пустых поля - тоже 1 алерт)
К примеру такой код
<form action="">
<input type="text" required oninvalid="invalid()">
<input type="text" required oninvalid="invalid()">
<button>send</button>
</form>
<script>
function invalid(){
	alert("invalid field")
}
</script>

даст 2 алерта при двух незаполненных полях вместо одного желанного - что логично не я незнаю как переделать :D

ksa 08.07.2021 08:38

Цитата:

Сообщение от Миленький
могу ли я сделать oninvalid на всю форму

Берем описание этого события... Смотрим
Цитата:

Технические детали
Поддерживаемые HTML-теги: <input>
https://html5css.ru/tags/ev_oninvalid.php

Тега <form> там нет. :no:


Часовой пояс GMT +3, время: 12:06.