Simple email validation in JQuery

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>

function validornot(a)
{
//alert(a);
$.post(’email_validation.php’,{mail: a},function(data){

$(‘#spa’).text(data);

});
}
$(document).ready(function(){

$(‘#t’).focusin(function(){

if($(‘#t’).val() === ”)
$(‘#spa’).text(‘Enter a valid email id’);
else{
validornot($(‘#t’).val());
}
//asfd
//alert(‘asdf’);
}).blur(function(){

/*if($(‘#t’).val() === ”)
$(‘#spa’).text(‘Enter a valid email id’);
else*/
$(‘#spa’).text(”);

}).keyup(function(){

validornot($(‘#t’).val());

});

});

</script>
</head>

<body>
<p>Enter Your Email:</p><input type=”text” id=”t” /><span id=”spa”></span>
</body>
</html>

 

==================================================

 

email_validation.php

<?php

$a = $_POST[‘mail’];

//echo $a;
if(!empty($a))
{
if(filter_var($a,FILTER_VALIDATE_EMAIL)=== false)
{
echo “The email id you enter is not valid”;
}
else
{
echo “This is a valid email id”;
}
}
else
echo “please enter an email”;
?>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>

function validornot(a)
{
//alert(a);
$.post(’email_validation.php’,{mail: a},function(data){

$(‘#spa’).text(data);

});
}
$(document).ready(function(){

$(‘#t’).focusin(function(){

if($(‘#t’).val() === ”)
$(‘#spa’).text(‘Enter a valid email id’);
else{
validornot($(‘#t’).val());
}
//asfd
//alert(‘asdf’);
}).blur(function(){

/*if($(‘#t’).val() === ”)
$(‘#spa’).text(‘Enter a valid email id’);
else*/
$(‘#spa’).text(”);

}).keyup(function(){

validornot($(‘#t’).val());

});

});

</script>
</head>

<body>
<p>Enter Your Email:</p><input type=”text” id=”t” /><span id=”spa”></span>
</body>
</html>

Advertisements
By kfelahi Posted in JQuery

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s