2016-10-27 1 views
2

Я делаю форму, в которой пользователь вводит имя пользователя и пароль.Добавление ограничений в пароль в HTML?

Можно ли добавить ограничения на пароль, только с помощью HTML? (НЕ пытаюсь использовать Javascript, PHP и т. Д.) Я хочу, чтобы он «заставлял» пользователя вводить как минимум 1 прописную букву, 1 строчную букву и т. Д.

Я не знаю, имеет ли значение, но вот что у меня есть до сих пор:

<b>Password:</b> 
    <input type="password" "size=20" name="pswd" min="7" max="15"> 
+1

Посмотрите на атрибут 'pattern' – Steve

+0

Имейте в виду, что сложные правила пароля обычно не приводят к более безопасным паролям, важная только минимальная длина. Люди не могут запомнить тонны надежных паролей, и такие правила могут помешать хорошим схемам паролей. Люди могут стать очень изобретательными, чтобы обойти такие правила, например. используя слабые пароли, такие как «Пароль-2016». Часто вы получаете более слабые пароли вместо более сильных. – martinstoeckli

ответ

3

Используйте шаблон ввода. Обратите внимание, что это относится к HTML5.

<form> 
<input type="password" name="pass" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required /> 
<input type="submit" /> 
</form> 

См: http://www.codingcage.com/2015/03/html5-form-validations-with-pattern.html

+0

Когда я изучал, я увидел немного информации о шаблонах и не мог понять, что это значит. Большое спасибо за ваш пример, я думаю, я понимаю это немного больше! Спасибо приятель! – hoshicchi

0

Я бы не рекомендовал обработку проверки только с HTML, как любой с небольшим количеством технических знаний может редактировать HTML страницы только с Осмотреть элемент в любом современном браузере. Это означает, что они могут легко обойти любые ограничения, введенные вами по паролю, если они того пожелают.

Окончательная проверка должна происходить с использованием серверного языка, такого как PHP, который не может быть отредактирован пользователем, если только не обязательно, чтобы данные соответствовали вашим спецификациям. Даже использование JavaScript для проверки еще имеет свои недостатки. Серверная сторона - единственный способ убедиться, что данные, поступающие в вашу базу данных, соответствуют вашим стандартам.

+0

Спасибо за лакомый кусочек! Я ценю это, когда я перехожу к более кодированию! На данный момент я просто начинающий, делающий небольшую работу с HTML в классе, поэтому я пока не делаю ничего тяжелого и тяжелого, но я действительно очарован этой информацией! Я этого никогда не знал, спасибо! ;) – hoshicchi

+0

Добро пожаловать! Если вы просто работаете над проектами классов, тип проверки, который вы используете, не имеет значения, если ваш инструктор не указывает его. Но для опубликованных веб-сайтов с базой данных всегда есть все эти факторы. Если вы хотите увидеть его в действии, просто щелкните правой кнопкой мыши в любом месте веб-страницы и выберите «Проверить элемент». Вы можете манипулировать любой частью HTML/CSS. Отлично подходит для устранения неполадок, экспериментирования и зацепления с примером кода. Повеселись! –