[TASK] felogin: Frontend validation (#401)

* [TASK] felogin: Frontend validation Adds markup for frontend validation. This makes it possible to validate the form _before_ submission. Furthermore styling can be applied via :valid / :invalid * Make username a text field instead of email
t3kit · Apr 19, 2018 · ae26f12 · ae26f12
1 parent 04f7f57
commit ae26f12
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/Resources/Private/Extensions/Felogin/Templates/felogin.html b/Resources/Private/Extensions/Felogin/Templates/felogin.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<title>Templates for felogin</title>
@@ -53,13 +53,13 @@ <h2>felogin Language Markers (see pi/locallang.xlf)</h2>
 		<div class="form-group">
 			<label class="col-sm-3 control-label" for="user">###USERNAME_LABEL###</label>
 			<div class="col-sm-9">
-				<input class="form-control" type="text" id="user" name="user" value="" />
+				<input class="form-control" type="text" required="true" id="user" name="user" value="" />
 			</div>
 		</div>
 		<div class="form-group">
 			<label class="col-sm-3 control-label" for="pass">###PASSWORD_LABEL###</label>
 			<div class="col-sm-9">
-				<input class="form-control" type="password" id="pass" name="pass" value="" data-rsa-encryption="" />
+				<input class="form-control" type="password" required="true" id="pass" name="pass" value="" data-rsa-encryption="" />
 			</div>
 		</div>
 
@@ -144,7 +144,7 @@ <h2>felogin Language Markers (see pi/locallang.xlf)</h2>
 		<div class="form-group">
 			<label class="col-sm-3 control-label" for="tx_felogin_pi1-forgot-email">###DATA_LABEL###</label>
 			<div class="col-sm-9">
-				<input class="form-control" type="text" name="###FORGOT_EMAIL###" id="tx_felogin_pi1-forgot-email" />
+				<input class="form-control" type="email" required="true" name="###FORGOT_EMAIL###" id="tx_felogin_pi1-forgot-email" />
 			</div>
 		</div>
 		<div class="form-group">
@@ -173,13 +173,13 @@ <h2>felogin Language Markers (see pi/locallang.xlf)</h2>
 		<div class="form-group">
 			<label class="col-sm-3 control-label" for="tx_felogin_pi1-newpassword1">###NEWPASSWORD1_LABEL###</label>
 			<div class="col-sm-9">
-				<input class="form-control" type="password" name="###NEWPASSWORD1###" id="tx_felogin_pi1-newpassword1" />
+				<input class="form-control" required="true" type="password" name="###NEWPASSWORD1###" id="tx_felogin_pi1-newpassword1" />
 			</div>
 		</div>
 		<div class="form-group">
 			<label class="col-sm-3 control-label" for="tx_felogin_pi1-newpassword2">###NEWPASSWORD2_LABEL###</label>
 			<div class="col-sm-9">
-				<input class="form-control" type="password" name="###NEWPASSWORD2###" id="tx_felogin_pi1-newpassword2" />
+				<input class="form-control" required="true" type="password" name="###NEWPASSWORD2###" id="tx_felogin_pi1-newpassword2" />
 			</div>
 		</div>
 		<div class="form-group">