Check Email is Already Registered in Database using Ajax and JavaScript.

3
13038

Hey,Welcome to shortlearner, today we will see how to check that email is already registered in database, with the use of ajax and java-script.
Most of the time we see that the user is registering same  email id  in database and it is registered in the database without checking that it was already registered in database.

but with the help of ajax and java-script we can show our users that their email is registered or not registered in our database by showing them a message.

Also Read :
PHP Login Script With Remember me.
Change password using javascript, php and mysqli.
Password and Confirm Password Validation Using JavaScript
Check Email is Already Registered in Database using Ajax and JavaScript.
How to hide extension of html and php file.?

This will help to prevent redundancy of data in our database.
In this tutorial we will use maxcdn classes of bootstrap , AJAX and JavaScript for maximize output.
put the below maxcdn classes of bootstrap inside the head section of your html code.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
.white{
    color:#000;
    background-color:#fff;
}
.btn-facebook {
    color: #ffffff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2b4b90;
    *background-color: #133783;
    background-image: -moz-linear-gradient(top, #3b5998, #133783);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
    background-image: -webkit-linear-gradient(top, #3b5998, #133783);
    background-image: -o-linear-gradient(top, #3b5998, #133783);
    background-image: linear-gradient(to bottom, #3b5998, #133783);
    background-repeat: repeat-x;
    border-color: #133783 #133783 #091b40;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
    .btn-facebook:hover,
    .btn-facebook:focus,
    .btn-facebook:active,
    .btn-facebook.active,
    .btn-facebook.disabled,
    .btn-facebook[disabled] {
        color: #ffffff;
        background-color: #133783 !important;
        *background-color: #102e6d !important;
    }
    .btn-facebook:active,
    .btn-facebook.active {
        background-color: #0d2456 9 !important;
    }

we use external stylesheet in this tutorial, so put the above css in the head section of your html code..

Index.php

<!DOCTYPE html>
<html>
<head>
  <title>Check Email is Already Registered </title>
<style type="text/css" href="css/style.css"></style>
</head>
<body>
<div>
    <div>
      <div>
        <div>
          <div>
            <h3>Login via site</h3>
        </div>
          <div>
            <form accept-charset="UTF-8" role="form">
                    <fieldset>
                <div>
                  <input placeholder="yourmail@example.com" name="email" type="text" id="email"  onBlur="checkAvailability()">
                  <span id="email-availability-status"></span>    
              </div>
              <div>
                <input placeholder="Password" name="password" type="password" value="">
              </div>
              <div>
                  <label>
                    <input name="remember" type="checkbox" value="Remember Me"> Remember Me
                  </label>
                </div>
              <input type="submit" value="Login">
            </fieldset>
              </form>
                      <hr/>
                    <center><h4>OR</h4></center>
                    <input type="submit" value="Login via facebook">
          </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

Now we will call the JavaScript function which will trigger our ajax query. in ajax query we will call the check-availability page . in check-availability  page we will run our php script that will compare the email id from the database,
if the email is registered in database, a message will popup in red color and show the user that email is already registered, otherwise the popup is appear in green color and show the user that email id is available.

 <script>
          function checkAvailability() {
$("#loaderIcon").show();
jQuery.ajax({
url: "check_availability.php",
data:'email='+$("#email").val(),
type: "POST",
success:function(data){
$("#email-availability-status").html(data);
$("#loaderIcon").hide();
},
error:function (){}
});
}
        </script>

Put the Above  JavaScript in the head section of html code.

check-availability.php

<?php
$con= mysqli_connect("localhost","root","","dbname");
if(!empty($_POST["email"])) {
	$qry="SELECT email FROM user WHERE email='" . $_POST["email"] . "'";
$result = mysqli_query($con,$qry);
$row = mysqli_fetch_row($result);
	if($row>0)
{
echo "<span style='color:red'> Email already exists .</span>";
 echo "<script>$('#email-availability-status').prop('disabled',true);</script>";
} else{
	echo "<span style='color:green'> Email available for Registration .</span>";
 echo "<script>$('#email-availability-status').prop('disabled',false);</script>";
}
}
?>

3 COMMENTS

  1. Добрый день дамы и господа[url=https://agro-himiya.by/].[/url]
    [url=https://agro-himiya.by/][img]https://i115.fastpic.ru/big/2021/0705/51/9f7b4bc80c6b3090ac1e44baaa903651.jpg[/img][/url]
    Качественное удобрение – залог отличного урожая, поэтому так важно применять минеральные подкормки осенью, благодаря которым растениям удастся пережить зимний период и уцелеть от нашествия грызунов и насекомых. Однако классические (простые) подкормки несколько негативно воздействуют на качество распределения их по участку. Для того, чтобы исправить этот нюанс, рекомендуется использовать сложные удобрения, содержащие в себе азот, калий и фосфор.Минеральные удобрения содержат в себя следующие виды полезных микроэлементов:Азотные – прекрасно способствуют стремительному росту и развитию растений. Фосфатные – существенно повышают показатель урожайности, и улучшают качество продукции. Калийные – хорошо обеспечивают устойчивость растений к различным болезням, кроме того, такой урожай долго хранится и прекрасно переносит транспортировки.
    1)[url=https://agro-himiya.by]аммиачная селитра купить в минске [/url] – Минеральные удобрения купить в Минске можно самовывозом в течении 20 минут, либо c оперативной доставкой.
    2)[url=https://agro-himiya.by]минеральные удобрения купить Минск[/url] – Мы предлагаем вам приобрести только комплексные препараты, позволяющие полностью насытить потребности растения после обработки.
    3)[url=https://agro-himiya.by]неорганические удобрения купить[/url] – Каждый товар проходит тщательные клинические испытания на различных видах почв и только после этого запускается в серийное производство.
    4)[url=https://agro-himiya.by]минеральные удобрения в Беларуси[/url] – Мы заботимся о том, чтобы предоставляемый нами сервис был высокого уровня.
    Нам будет приятно видеть у нас на интернет ресурсе [url=https://agro-himiya.by]НАЖМИТЕ ССЫЛКУ[/url]
    Увидимся!
    [url=https://agro-himiya.by/]кристалон[/url]
    [url=https://agro-himiya.by/]удобрения для культур[/url]
    [url=https://agro-himiya.by/]удобрение жидкий азот[/url]
    [url=https://agro-himiya.by/]жидкие комплексные удобрения купить[/url]
    [url=https://agro-himiya.by/]борная кислота удобрение купить[/url]
    [url=https://agro-himiya.by/]калийные удобрения огорода[/url]
    [url=https://agro-himiya.by/]монофосфат калия[/url]
    [url=https://agro-himiya.by/]удобрения огородных культур[/url]
    [url=https://agro-himiya.by/]удобрения зерновых[/url]
    [url=https://agro-himiya.by/]купить калийные удобрения[/url]
    [url=https://agro-himiya.by/]карбамид минск[/url]
    [url=https://agro-himiya.by/]жидкие натуральные удобрения[/url]
    [url=https://agro-himiya.by/]купить минеральные удобрения[/url]
    [url=https://agro-himiya.by/]агро удобрения[/url]
    [url=https://agro-himiya.by/]калий азотнокислый купить минск[/url]
    [url=https://agro-himiya.by/]удобрение двойной суперфосфат[/url]
    [url=https://agro-himiya.by/]минеральное удобрение помидор[/url]
    [url=https://agro-himiya.by/]удобрение соль[/url]
    [url=https://agro-himiya.by/]азотные удобрения беларуси[/url]
    [url=https://agro-himiya.by/]купить карбамид в беларуси[/url]
    [url=https://agro-himiya.by/]азотсодержащие удобрения[/url]
    [url=https://agro-himiya.by/]фосфорные удобрения суперфосфат[/url]
    [url=https://agro-himiya.by/]удобрения вносимые почву осенью[/url]
    [url=https://agro-himiya.by/]кристалон цветов[/url]
    [url=https://agro-himiya.by/]компост удобрение[/url]
    [url=https://agro-himiya.by/]жидкое комплексное удобрение app 11 37[/url]
    [url=https://agro-himiya.by/]удобрение цветущих орхидей[/url]
    [url=https://agro-himiya.by/]удобрения для капусты[/url]
    [url=https://agro-himiya.by/]минеральные удобрения рапса[/url]
    [url=https://agro-himiya.by/]суперфосфат калия удобрение[/url]
    [url=https://agro-himiya.by/]стимуляторы роста растений купить[/url]
    [url=https://agro-himiya.by/]селитра калиевая буйские удобрения[/url]
    [url=https://agro-himiya.by/]сульфат аммония гранулы цена[/url]
    [url=https://agro-himiya.by/]калийные удобрения растений[/url]
    [url=https://agro-himiya.by/]удобрение подкормка капусты[/url]
    [url=https://agro-himiya.by/]удобрения деревьев кустарников[/url]
    [url=https://agro-himiya.by/]минеральные удобрения подсолнечника[/url]
    [url=https://agro-himiya.by/]удобрения плодовых весной[/url]
    [url=https://agro-himiya.by/]кристалон винограда[/url]
    [url=https://agro-himiya.by/]калий азотнокислый[/url]
    [url=https://agro-himiya.by/]комплексное удобрение npk[/url]
    [url=https://agro-himiya.by/]удобрения для туи[/url]
    [url=https://agro-himiya.by/]циркон удобрение[/url]
    [url=https://agro-himiya.by/]азот фосфор калий удобрение[/url]
    [url=https://agro-himiya.by/]карбонат калия нитрат калия[/url]
    [url=https://agro-himiya.by/]купить минеральные удобрения оптом в минске[/url]
    [url=https://agro-himiya.by/]селитра купить[/url]
    [url=https://agro-himiya.by/]внесение удобрений картофель[/url]
    [url=https://agro-himiya.by/]удобрения стимуляторы роста[/url]
    [url=https://agro-himiya.by/]склад минеральных удобрений[/url]

  2. [url=http://betot.ru/liga/user/amaximusshuze7819/]http://betot.ru/liga/user/amaximusshuze7819/[/url] – от основания дома до вплоть до впредь вплоть до давно практически до заранее за долгие годы.

LEAVE A REPLY

Please enter your comment!
Please enter your name here