GUI Änderung Validierungen

css/login/ForgotPW.css

@@ -130,7 +130,48 @@
     border: 1px gray solid;
     border-radius: 5px 5px 0px 0px;
 }
-#CustomerID {   
+#CustomerID:invalid {
-    margin-left: 45px;
+        background-color: indianred;
-    color: #003680;
+        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;
 }

login/ForgotPW.aspx

@@ -195,6 +195,51 @@
     #lblMessage_M{
         font-size:19px;
     }
+    #CustomerID:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+}
+#CustomerID_M:valid {
+    background-color: lightgreen;
+    border-color: forestgreen;
+    color: black;
+}
+#CustomerID_M:invalid + span::before {
+    content: '✖';
+    color: red;
+}
+#UserName_M:invalid {
+    background-color: indianred;
+    border-color: red;
+    color: red;
+}
+
+#UserName_M:valid {
+    background-color: lightgreen;
+    border-color: forestgreen;
+    color: black;
+}
+#UserName_M:invalid + span::before {
+    content: '✖';
+    color: red;
+}
+#txtEmail_M:invalid {
+    background-color: indianred;
+    border-color: red;
+    color: red;
+}
+
+#txtEmail_M:valid {
+    background-color: lightgreen;
+    border-color: forestgreen;
+    color: black;
+}
+
+#txtEmail_M + span::before {
+    content: '✖';
+    color: red;
+}    
 }
     </style>
          <!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
@@ -255,14 +300,11 @@
                <tr style="color:#003680; height:30px;"><td colspan="2">
                        <asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="val-desk" Width="265" Placeholder="Customer-ID" style="margin-left:45px;color:#003680" Font-Size="1.125em"></asp:TextBox>                                             
                        <asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="txt_CustomerID" SetFocusOnError="true" ForeColor="Red" Text="" ValidationGroup="val-desk"></asp:RequiredFieldValidator>
-                       
                     </td></tr>
                 <tr style="color:#003680; height:30px;">                                 
                     <td align="left" colspan="2">  
                         <asp:TextBox ID="txtEmail" runat="server" Width="265" ValidationGroup="val-desk" ForeColor="Red" Font-Size="1.125em" Placeholder="E-Mail" CssClass="bg-email-icon" style="margin-left:45px;color:#003680"/>                    
                         <asp:RequiredFieldValidator ID="valreqtxtEmail" ControlToValidate="txtEmail" SetFocusOnError="true" ValidationGroup="val-desk" runat="server" Text="" ForeColor="Red"></asp:RequiredFieldValidator>                                                  
-                        
-   
                     </td></tr>
                 <tr style="color:#003680; height:20px;">                                
                      <td align="left" colspan="2">