У меня простая форма, и я хочу, чтобы кнопка отправки не работала для условий, которые я даю в шаблоне, но если я оставлю ее пустой, она будет работать. как я могу заставить шаблон не принимать его, если он пуст?
<form action="test.php" method="POST">
Enter user name:
<input type="text" name="username" pattern="[A-Za-z0-9]{1,20}">
<input type="submit" value="submit">
</form>
Я думал, что {1,20} достаточно, но, похоже, это не так.
HTML имеет атрибут required для выполнения этого. Если вы установите любой ввод, который требуется, современные браузеры не позволят вам отправить форму, если эти поля пусты.
<input type="text" name="username" required="required" pattern="[A-Za-z0-9]{1,20}">
Чтобы предотвратить появление ошибок при загрузке, вы не можете использовать требуемый атрибут HTML5. Вы можете использовать Javascript. Например
if( $('#form-password').val() == "" )
{
e.preventDefault();
}
Использование HTML-шаблонов для соответствия хотя бы одному.
<input type="text" name="username" pattern=".{1,}">