2016-10-27 1 views
2

Ich mache ein Formular, bei dem der Benutzer einen Benutzernamen und ein Passwort eingeben muss.Hinzufügen von Einschränkungen zu einem Passwort in HTML?

Gibt es eine Möglichkeit, einem Passwort Einschränkungen hinzuzufügen, nur mit HTML? (NICHT mit Javascript, PHP usw.) Ich möchte, dass der Benutzer mindestens 1 Großbuchstaben, 1 Kleinbuchstaben usw. eingeben muss.

Ich weiß nicht, ob es darauf ankommt, aber hier ist, was ich bisher habe:

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

Werfen Sie einen Blick auf das 'pattern' Attribut – Steve

+0

Beachten Sie, dass komplexe Passwortregeln normalerweise nicht zu sichereren Passwörtern führen, wichtig ist nur eine minimale Länge. Die Leute können sich nicht an Tonnen starker Passwörter erinnern, und solche Regeln können gute Passwort-Schemata stören. Menschen können sehr erfinderisch werden, solche Regeln zu umgehen, z.B. mit schwachen Passwörtern wie "Password-2016". Oft enden Sie mit schwächeren Passwörtern anstelle von stärkeren. – martinstoeckli

Antwort

3

Verwenden Sie ein Eingabemuster. Beachten Sie, dass dies spezifisch für HTML5 ist.

<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> 

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

+0

Als ich recherchierte, sah ich ein paar Informationen über Muster und konnte nicht ganz verstehen, was es bedeutete. Vielen Dank für dein Beispiel, ich denke ich verstehe es ein bisschen mehr! Danke, Alter! – hoshicchi

0

Ich würde mit nur HTML nicht empfehlen Validierung der Handhabung, wie jemand mit einem wenig technischen Wissen könnte eine Seite HTML bearbeitet mit Inspect Elemente in jedem modernen Browser. Dies bedeutet, dass sie alle Beschränkungen, die Sie für ein Passwort festgelegt haben, leicht umgehen können, wenn sie dies wünschen.

Die endgültige Validierung sollte mit einer serverseitigen Sprache wie PHP erfolgen, die vom Benutzer nicht bearbeitet werden kann, es sei denn, die Daten müssen nicht unbedingt Ihren Spezifikationen entsprechen. Auch die Verwendung von JavaScript zur Validierung hat immer noch seine Schwächen. Serverseitig ist die einzige Möglichkeit sicherzustellen, dass die in Ihre Datenbank eingehenden Daten Ihren Standards entsprechen.

+0

Danke für den Leckerbissen! Ich schätze es, wenn ich weiter codiere! Für jetzt bin ich nur ein Anfänger, der ein wenig HTML-Arbeit in der Klasse tut, also treffe ich nicht gerade schwer und schwer, aber ich bin wirklich fasziniert von dieser Info! Das wusste ich nie, danke! ;) – hoshicchi

+0

Gern geschehen! Wenn Sie nur an Klassenprojekten arbeiten, sollte die Art der Validierung, die Sie verwenden, keine Rolle spielen, es sei denn, Ihr Ausbilder gibt sie an. Für veröffentlichte Websites mit einer Datenbank müssen jedoch immer diese Faktoren berücksichtigt werden. Wenn Sie es in Aktion sehen möchten, klicken Sie einfach mit der rechten Maustaste auf eine beliebige Webseite und wählen Sie Element prüfen. Sie können jeden Teil des HTML/CSS bearbeiten. Ideal für die Fehlersuche, das Experimentieren und das Abfangen von Beispielcode zum Spielen. Habe Spaß! –

Verwandte Themen