Email Validation

Question

When i type an email in a textbox if it is not in correct format then it will be shown an error instantly not after button click.( i want to use this code in my asp.net Textbox.)

Dinesh Santhalingam · Answer

Please Stop answering ..Because this question have so many answers.

Harshal Patil · Answer

Wrong email $('#email_address').on('keypress' function() { var re = /([A-Z0-9a-z_-][^@])+?@[^$# ?]+?\.[\w]{24}/.test(this.value); if(!re) { $('#error').show(); } else { $('#error').hide(); } })

aiswarjya sarengi · Answer

asp textbox don't have that event

Mayank · Answer

HTML: @model ValidationsMvc.Models.DataModel @{ ViewBag.Title = Index; } Index @using (Html.BeginForm(Index Home FormMethod.Post)) { @Html.ValidationSummary(true) @Html.LabelFor(model => model.Email) @Html.EditorFor(model => model.Email) @Html.ValidationMessageFor(model => model.Email) } Model [Required(ErrorMessage = Field can't be empty)] [DataType(DataType.EmailAddress ErrorMessage = E-mail is not valid)] public string Email { get; set; }

Jasbeer Singh · Answer

You can fire event on OnTextChanged event of textbox. or You can also use Jquery Regex Validation for this.

Ramnath Bodke · Answer

input control - css - required { border-bottom : red 1px solid !important ; } and script file $(#txtRefEmail).blur(function () { var emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{210}$/; var emailaddress = $(#txtRefEmail).val(); if (!emailReg.test(emailaddress)) $(#txtRefEmail).attr(required true); else $(#txtRefEmail).removeAttr(required); });

Ketan Patel · Answer

E-Mail Address is Invalid. var pattern = new RegExp(/^(([\w-\s]+)|([\w-]+(?:\.[\w-]+)*)|([\w-\s]+)([\w-]+(?:\.[\w-]+)*))(@@((?:[\w-]+\.)*\w[\w-]{066})\.([a-z]{26}(?:\.[a-z]{2})?)$)|(@@$$?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{12}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{12})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{12})$$?$)/i); $(document).ready(function () { $('#txtEmail') .change(function(){ if (!pattern.test($('#txtEmail').val())) { $('.lblEmailValid').show(); } else { $('.lblEmailValid').hide(); } }); });

Ketan Patel · Answer

E-Mail Address is Invalid. var pattern = new RegExp(/^(([\w-\s]+)|([\w-]+(?:\.[\w-]+)*)|([\w-\s]+)([\w-]+(?:\.[\w-]+)*))(@@((?:[\w-]+\.)*\w[\w-]{066})\.([a-z]{26}(?:\.[a-z]{2})?)$)|(@@$$?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{12}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{12})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{12})$$?$)/i); $(document).ready(function () { $('#txtEmail') .change(function(){ if (!pattern.test($('#txtEmail').val())) { $('.lblEmailValid').show(); } else { $('.lblEmailValid').hide(); } }); });

Dinesh Santhalingam · Answer

@ Aiswarjya Try this asp:TextBox ID = TextBox1 runat = server > asp:TextBox > asp:RequiredFieldValidator ID = RequiredFieldValidator1 runat = server ControlToValidate = TextBox1 ErrorMessage = Email is required SetFocusOnError = True > asp:RequiredFieldValidator > asp:RegularExpressionValidator ID = RegularExpressionValidator1 runat = server ErrorMessage = Invalid Email ControlToValidate = TextBox1 SetFocusOnError = True ValidationExpression = \w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* > asp:RegularExpressionValidator >

Harshal Patil · Answer

Wrong email $('#email_address').on('keypress' function() { var re = /([A-Z0-9a-z_-][^@])+?@[^$# ?]+?\.[\w]{24}/.test(this.value); if(!re) { $('#error').show(); } else { $('#error').hide(); } })

Bikesh Srivastava · Answer

Hi I think best option is regex which is already given by other experts.

Dinesh Santhalingam · Answer

Prateek Singla · Answer

Maybe You need to remove type=email from .aspx page (Front End) . If you are using html5

Khaja Moizuddin · Answer

Use regularexpressions for email http://stackoverflow.com/questions/2652500/email-regular-expression-validation https://msdn.microsoft.com/en-us/library/01escwtf(v=vs.110).aspx

Dilip Gupta · Answer

Dilip Gupta · Answer

use JavaScript function like function email(email){ var value = email.value; if (value != ) { var pattern = /^(([^ ()\.;:\s@]+(\.[^ ()\.;:\s@]+)*)|(.+))@((\[[0-9]{13}\.[0-9]{13}\.[0-9]{13}\.[0-9]{13}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2}))$/; var result = pattern.test(value) if (result) { $(#EmailErrorMsg).hide(); return true; } else { $(#EmailErrorMsg).text(Email is not valid!) $(#EmailErrorMsg).show(); return false; } } else { $(#EmailErrorMsg).text(This field is required!) $(#EmailErrorMsg).show(); return false; } } Call this function onchange or onblur event of textbox here EmailErrorMsg islable