HTML5 input - шаблон с атрибутом required="true" по-прежнему разрешает отправку формы

Question

У меня есть текстовое поле, как показано ниже

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required="true">

Когда я отправляю форму без ввода какого-либо значения в текстовое поле, отправляется пустая строка "". Я надеялся, что требуется = "правда", чтобы поймать его и выдать ошибку. Я думаю, что сочетание обязательного атрибута и шаблона вызывает его неправильное поведение.

Какие-нибудь мысли

Answer 1

Ваш синтаксис неверен. Только required необходимо.

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required>

Это на самом деле required="required" но вы можете пропустить второй и использовать вместо этого сокращение.

Answer 2

Пожалуйста, используйте обязательный ="обязательный" застрахованный обязательный ="истинный"

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required="required">

Answer 3

Просто добавьте "/" в конце необходимого

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required />