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]{2,4}/.test(this.value); if(!re) { $('#error').show(); } else { $('#error').hide(); } })

Pooja Chowdhury · 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]{2,10}$/; 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-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@@$$?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})$$?$)/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-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@@$$?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})$$?$)/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]{2,4}/.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]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([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

Email Validation

Answers (16)