Email Validation

Pooja Chowdhury

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.)

16 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dinesh Santhalingam9y ago
Please Stop answering ..Because this question have so many answers.
Mayank9y ago
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 Singh9y ago
You can fire event on "OnTextChanged" event of textbox.
or
You can also use Jquery Regex Validation for this.
Ramnath Bodke9y ago
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 Patel9y ago

E-Mail Address is Invalid.

Ketan Patel9y ago

Dinesh Santhalingam9y ago

@ 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 Patil9y ago

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();
    }
})

Harshal Patil9y ago

Wrong email

Bikesh Srivastava9y ago

Hi,

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

Dinesh Santhalingam9y ago

< input type="text" onblur="validateEmail(this);" />

Prateek Singla9y ago

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

Khaja Moizuddin9y ago

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 Gupta9y ago

Pooja Chowdhury9y ago

asp textbox don't have that event

Dilip Gupta9y ago

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

Index