Constraint API.

Теория. Когато правилото ти е по-сложно от атрибути, използвай Constraint Validation API: el.setCustomValidity("текст") маркира полето като невалидно със съобщение. el.setCustomValidity("") — празният низ — го връща във валидно състояние.

Ключът е "изчисти при промяна": ако зададеш съобщение и никога не го махнеш, полето остава невалидно дори след поправка. Затова слушай събитието input и всеки път задавай или съобщение, или "".

Малък пример:

field.addEventListener("input", () => { if (field.value.length < 3) field.setCustomValidity("too short"); else field.setCustomValidity(""); });

После field.validity.valid е false, а field.validationMessage е твоето съобщение. checkValidity() връща булева стойност, reportValidity() показва балона на браузъра.

Честа грешка: setCustomValidity без нулиране; да нулираш само в submit; да слагаш съобщение на грешния елемент.