From 5a91b32abd5cfb6fde9eb9156df2d80cb792849a Mon Sep 17 00:00:00 2001
From: ja <ja@verag.ag>
Date: Mon, 25 Oct 2021 11:04:29 +0200
Subject: [PATCH] =?UTF-8?q?GUI=20=C3=84nderung=20Validierungen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/login/ForgotPW.css | 47 +++++++++++++++++++++++++++++++++---
 login/ForgotPW.aspx    | 54 +++++++++++++++++++++++++++++++++++++-----
 2 files changed, 92 insertions(+), 9 deletions(-)

diff --git a/css/login/ForgotPW.css b/css/login/ForgotPW.css
index 4ac666f..ea095c4 100644
--- a/css/login/ForgotPW.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/login/ForgotPW.aspx b/login/ForgotPW.aspx
index ca55138..9d3150c 100644
--- a/login/ForgotPW.aspx
+++ b/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> -->
@@ -254,15 +299,12 @@
                                              </td></tr>
                <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>                                      
-                       
+                       <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>                       
-                        
-   
+                        <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"> 
@@ -318,7 +360,7 @@
                     <asp:RegularExpressionValidator ID="valid_getNumber_M_Input" ControlToValidate="txt_CustomerID_M" ValidationGroup="val-mobil" ForeColor="Red" Font-Size="24px" runat="server" style="margin-left:22px;" Display="Dynamic" SetFocusOnError="false" ValidationExpression="[0-9]{4,10}" ErrorMessage="The Customer-ID is not valid."></asp:RegularExpressionValidator>
                     <asp:RegularExpressionValidator ControlToValidate="txtEmail_M" ForeColor="Red" Font-Size="24px"  runat="server" ID="regexval_2_txt_Email_M" ValidationGroup="val-mobil" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="Plase enter an correct e-mail" SetFocusOnError="true"></asp:RegularExpressionValidator>
                     <asp:RegularExpressionValidator ControlToValidate="txtEmail_M" ForeColor="Red" Font-Size="24px" runat="server" ID="regexval_txt_Email_M" ValidationGroup="val-mobil" ValidationExpression="[a-zA-Z]{2}\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="" SetFocusOnError="true"></asp:RegularExpressionValidator>
-                     <asp:RegularExpressionValidator ID="check_UserName_regex_M" ForeColor="Red" Font-Size="24px" ErrorMessage="Try again. The Username don't meet the rquirements." ControlToValidate="txt_Username_M" ValidationGroup="val-mobil" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
+                    <asp:RegularExpressionValidator ID="check_UserName_regex_M" ForeColor="Red" Font-Size="24px" ErrorMessage="Try again. The Username don't meet the rquirements." ControlToValidate="txt_Username_M" ValidationGroup="val-mobil" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
                     </td></tr>                
                 <tr style="color:#003680; height:40px;"><td>        
                     <asp:Button ID="btn_Send_M" runat="server" Text="Send" Width="325px" Enabled="true" AutoPostBack="True" Font-Size="22px" style="margin-left:22px;border:none" OnClick="btn_Send_M_Click" Height="37px" />