نحوه بررسی دسترسی ایمیل و نام کاربری به صورت زنده با استفاده از jquery / ajax ، PHP و PDO

در این آموزش ، ما می آموزیم که چگونه می توان با استفاده از jQuery / ajax و PHP-PDO به صورت زنده دسترسی به ایمیل و نام کاربری را بررسی کرد.

ساختار فایل برای این آموزشها

• index.php (پرونده اصلی)
• config.php (پرونده اتصال پایگاه داده)
• check_availability.php (برای بررسی ایمیل و در دسترس بودن کاربر استفاده می شود)

1 یک پایگاه داده با نام ایجاد کنید دموها. در پایگاه داده demos ، جدولی با نام ایجاد کنید email_availabilty
ساختار نمونه جدول email_availabilty

CREATE TABLE IF NOT EXISTS `email_availabilty` (
`id` int(11) NOT NULL,
  `email` varchar(255) NOT NULL,
  `username` varchar(255) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;

2 یک پرونده اتصال پایگاه داده ایجاد کنید

config.php

<?php
//DB Connection
define('DB_HOST','localhost');
define('DB_USER','root');
define('DB_PASS','');
define('DB_NAME','demos');
// Establish database connection.
try
{
$dbh = new PDO("mysql:host=".DB_HOST.";dbname=".DB_NAME,DB_USER, DB_PASS,array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'utf8'"));
}
catch (PDOException $e)
{
exit("Error: " . $e->getMessage());
}

3 اکنون یک فرم HTML ایجاد کنید
index.php

<?php
include_once("config.php");
?>
<table>
<tr>
<th width="24%"  height="46" scope="row">Email Id :</th>
<td width="71%" ><input type="email" name="email" id="emailid" onBlur="checkemailAvailability()" value="" class="form-control" required /></td>
</tr>
<tr>
<th width="24%"  scope="row"></th>
<td >   <span id="email-availability-status"></span> </td>
</tr>
<tr>
<th height="42" scope="row">User Name</th>
<td><input type="text" name="username" id="username" value="" onBlur="checkusernameAvailability()" class="form-control" required /></td>
</tr>
<tr>
<th width="24%"  scope="row"></th>
<td >   <span id="username-availability-status"></span> </td>
</tr>
</table>

4 اسکریپت Jquery / ajax که در آن متغیر را به صفحه check_availability.php منتقل می کنید. این را در index.php داخل سر قرار دهید.

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

5صفحه check_availability.php در این صفحه در دسترس بودن ایمیل یا ایمیل را بررسی خواهید کرد.

<?php 
require_once("config.php");
//code check email
if(!empty($_POST["emailid"])) {
$uemail=$_POST["emailid"];
$sql ="SELECT email FROM email_availabilty WHERE email=:email";
$query= $dbh -> prepare($sql);
$query-> bindParam(":email', $uemail, PDO::PARAM_STR);
$query-> execute();
$results = $query -> fetchAll(PDO::FETCH_OBJ);

if($query -> rowCount() > 0)
echo "<span style="color:red"> Email Already Exit .</span>";
else
 echo "<span style="color:green"> Email Available.</span>";

}
// End code check email

//Code check user name
if(!empty($_POST["username"])) {
$username=$_POST["username"];
$sql ="SELECT username FROM email_availabilty WHERE username=:username";
$query= $dbh -> prepare($sql);
$query-> bindParam(':username', $username, PDO::PARAM_STR);
$query-> execute();
$results = $query -> fetchAll(PDO::FETCH_OBJ);

if($query -> rowCount() > 0)
 echo "<span style="color:red"> Username already exit .</span>";
	else 
echo "<span style="color:green"> Username Available.</span>";
}
// End code check username
?>

مشاهده نسخه ی نمایشی ————————————–