Требования к паролю для HTML-формы

Question

Мне нужно создать регистрационную форму в HTML, которая имеет ввод пароля со следующими ограничениями:

Это обязательное поле, должно быть проверено. Минимум 7 символов. Должен иметь хотя бы один специальный символ и одно число. Не используйте сценарий Java, используйте функции HTML 5.

Я написал следующий код для вышеуказанного ввода:

<input type="text" name="password" pattern="(?=.*\d)(?=.*[\W_]).{7,}" required>

Мне нужно отправить этот код как часть задания, и я получаю сообщение об ошибке:

Правильный HTML-компонент с именем "пароль" должен использоваться с соответствующими ограничениями.

что означает, что я не использую правильные атрибуты.

Какие изменения я должен внести в атрибут pattern?

Answer 1

Этот код прекрасно работает с сообщением проверки

<p>Password: <input type="password" name="pw" pattern="(?=.*\d)(?=.*[\W_]).{7,}" title="Minimum of 7 characters. Should have at least one special character and one number."></p>

попробуйте это здесь: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern3

Answer 2

Я думаю, что это будет работать.

Password:<input type="password" name="pw" pattern="^(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{7,}$" title="Minimum of 7 characters. Should have at least one special character and one number and one UpperCase Letter.">

Атрибут Pattern также будет использовать регулярное выражение для проверки ваших данных формы. Для получения дополнительных результатов вы также можете искать регулярное выражение.