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; +} } @@ -254,15 +299,12 @@