Hi Team
I have textbox and before a user leaves its been validated with label error message, now the problem is on the border itself its fading out with being empty in between error label message, who can assist me that this issue not showing this to a user.
- class="row">class="input-group col-md-4 col-md-offset-2 col-sm-2 col-xs-2">class="input-group pull-right">
- ="Email">Email:
- @Html.TextBoxFor(m => m.HomeMainModel.Email, new
- {
- @class = "form-control",
- type = "email",
- id = "inputEmail",
- placeholder = "Email address",
- autofocus = "autofocus"
- })
- class="text-danger" style="display:none">This field is required
class="input-group-append">class="input-group-text"> - script type='text/javascript'>
- $(function () {
- //When the blur event occurs from your Textbox (you lose focus)
- $('#inputEmail').blur(function () {
- var email = document.getElementById("inputEmail").value;
- var expr = /^([\w-\.]+)@@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
- if (!expr.test(email)) {
- document.getElementById("labelMessage").style.display = "inline";
- }
- else {
- document.getElementById("labelMessage").style.display = "none";
- }
- });
- });
- /script>
Jignesh KumarPosted Mar 24, 2020, 3:25 AM
Amit MohantyPosted Mar 24, 2020, 1:06 AM
Guest UserPosted Mar 24, 2020, 12:54 AM
Ronika JencyPosted Mar 23, 2020, 7:31 AM