GUI Änderung Validierungen

This commit is contained in:
ja
2021-10-25 11:04:29 +02:00
parent b12df7cabe
commit 5a91b32abd
2 changed files with 92 additions and 9 deletions

View File

@@ -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;
}

View File

@@ -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" />