AJAX เช็คข้อมูลการสมัครสมาชิก PHP

workshop แนะนำการใช้งาน AJAX เช็คการสมัครสมาชิก โดยมีเงื่อนไขคือ ถ้าไม่เคยมี username นี้จะสามารถสมัครสมาชิกได้ แต่ถ้ามี username อยู่ในระบบแล้วจะไม่สามารถใช้ username นี้ซ้ำได้

เชื่อมต่อ database

connection.php

<?php
$con= mysqli_connect("localhost","root","123","db_name") or die("Error: " . mysqli_error($con));

mysqli_query($con, "SET NAMES 'utf8' "); 
?>

<?php

$con= mysqli_connect("localhost","root","123","db_name") or die("Error: " . mysqli_error($con));

mysqli_query($con, "SET NAMES 'utf8' ");

ฟอร์มเช็ค Resgister.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
	$("#UserName").change(function(){
		var flag;
		$.ajax({
			url: "checkRegister.php",
			data: "UserName=" + $("#UserName").val(),
			type: "POST",
			async:false,
			success: function(data, status) { 
			   var result = data.split(",");
			   flag = result[0];
			   var msg = result[1];
			   $("#msg1").html(msg);
			},
			error: function(xhr, status, exception) { alert(status); }
		});
		return flag;
	});
});
</script>		
</head>

<body>
สมัครสมาชิก <br/>
Username: <input type="text" id="UserName"/>
<span id="msg1"></span> <br />
Password: <input type="password" id="UserPwd" />
<span id="msg2"></span> <br />
...
<input type="button" id="btn" value=" REGISTER " />
</body>
</html>

<!doctype html>

<html>

<head>

<title>Untitled Document</title>

$(document).ready(function(){

$("#UserName").change(function(){

var flag;

$.ajax({

url: "checkRegister.php",

data: "UserName=" + $("#UserName").val(),

type: "POST",

async:false,

success: function(data, status) {

var result = data.split(",");

flag = result[0];

var msg = result[1];

$("#msg1").html(msg);

error: function(xhr, status, exception) { alert(status); }

});

return flag;

});

</script>

</head>

<body>

สมัครสมาชิก <br/>

Username: <input type="text" id="UserName"/>

Password: <input type="password" id="UserPwd" />

...

</body>

</html>

checkregister.php

<?php
include("connection.php");
$UserName = $_REQUEST[UserName];
//เช็คจากตาราง User
$sql = "SELECT * FROM User WHERE UserName='$UserName'";
$result = mysqli_query($con, $sql);
if(mysqli_num_rows($result) == 0){
	echo "true,<span style='color:green'>ชื่อผู้ใช้งานใช้ได้ครับ</span>";
}
else{ 
	echo "false,<span style='color:red'>ชื่อผู้ใช้งานนี้ไม่ว่างครับ</span>";
}
?>

<?php

include("connection.php");

$UserName = $_REQUEST[UserName];

//เช็คจากตาราง User

$sql = "SELECT * FROM User WHERE UserName='$UserName'";

$result = mysqli_query($con, $sql);

if(mysqli_num_rows($result) == 0){

echo "true,<span style='color:green'>ชื่อผู้ใช้งานใช้ได้ครับ</span>";

}

else{

echo "false,<span style='color:red'>ชื่อผู้ใช้งานนี้ไม่ว่างครับ</span>";

}

ทดลองนำไปประยุกต์ใช้ดูนะครับ

devbanban

AJAX เช็คข้อมูลการสมัครสมาชิก PHP

Byพิศิษฐ์ บวรเลิศสุธี

Related

Related Post

ระบบบริหารบุคลากร ระบบ HR + ระบบบันทึกเวลาเข้างาน

ฟรีคลิปสอนทำเว็บไซต์ PHP PDO MySQL AdminLTE3 2024

ระบบหอพัก , อพาร์ทเม้นท์ รายวัน รายเดือน ราคาเบาๆ เอาไปต่อยอดได้ 2024

You missed