GUI Änderung Validierungen

css/login/ForgotPW.css

@@ -130,7 +130,48 @@
     border: 1px gray solid;
     border-radius: 5px 5px 0px 0px;
 }
-#CustomerID {   
-    margin-left: 45px;
-    color: #003680;
+#CustomerID:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+}
+#CustomerID:valid {
+    background-color: lightgreen;
+    border-color: forestgreen;
+    color: black;
+}
+#CustomerID:invalid + span::before {
+    content: '✖';
+    color: red;
+}
+#txt_Username:invalid {
+    background-color: indianred;
+    border-color: red;
+    color: red;
+}
+
+#txt_Username:valid {
+    background-color: lightgreen;
+    border-color: forestgreen;
+    color: black;
+}
+#txt_Username:invalid + span::before {
+    content: '✖';
+    color: red;
+}
+#txtEmail:invalid {
+    background-color: indianred;
+    border-color: red;
+    color: red;
+}
+
+#txtEmail:valid {
+    background-color: lightgreen;
+    border-color: forestgreen;
+    color: black;
+}
+
+#txtEmail:invalid + span::before {
+    content: '✖';
+    color: red;
 }