PHP＋AJAX实现无刷新注册（带用户名实时检测）

最新推荐文章于 2021-04-01 01:09:44 发布

转载最新推荐文章于 2021-04-01 01:09:44 发布 · 1.6k 阅读

文章标签：

#ajax #php #div #class #input #query

PHP 专栏收录该内容

211 篇文章

订阅专栏

本文介绍了一种使用PHP和AJAX实现的无刷新用户注册功能。通过AJAX技术，用户在填写注册表单时可以实时验证用户名和邮箱是否已被占用，而无需刷新页面。此外，还提供了完整的代码实现，包括前端表单验证、后端处理以及数据库操作。

PHP＋AJAX实现无刷新注册绝对可以使用，完整代码下载
http://www.corange.cn//uploadfiles/corange.cn_13290.rar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<body>
<script>
function validateform()
{
if (document.tx1.name.value=="")
{
window.alert ("输入姓名")
return false;
}

if (document.tx1.password.value=="")
{
window.alert ("输入密码")
return false;
}
if (document.tx1.repassword.value=="")
{
window.alert ("再次输入密码")
return false;
}

if (document.tx1.repassword.value!=document.tx1.password.value)
{
window.alert ("2次输入密码不一样")
return false;
}
}
</script>
<?php include "config.php" ?>
<?php include "include/header.htm" ?>
<?php
if($_POST[B2] == "")
{
echo "
<form enctype = 'multipart/form-data' method = 'POST' action = 'register.php' name = 'tx1'
onsubmit = 'return validateform(this.form)'>
<div class='old_test'>

<div class='new_test'>
用户名

<input type='text' name='name' id='js_name' onBlur='CallServer_name()'>
<div id='name_check'></div>
</div>
<br/>

<div class='new_test'>
Email

<input type='text' name='email' id='js_email' onBlur='CallServer_email()'>
<div id='email_check'></div>
</div>
<br/>

<div class='new_test'>
密码

<input type='password' name='password' id='userpwd' onBlur='checkpass()'>
<div id='password2'></div>
</div>

<br/>

<div class='new_test'>
再次输入密码

<input type='password' name='repassword' id='reuserpwd' onBlur='checkpass1()'>
<div id='password3'></div>
</div>

<br/>

<div class='new_test'>
头像url
<input type='text' name='photo' >
</div>
<div class='new_test'>
上传头像
<input type='file' name='userfile'>
</div>

<br/>

<div class='message_left'>
<input type='submit' name='B2' value='注册' />
</div>

</div>
</form>
";
}else
{

if($_POST[name] != "")
{

if($_POST[photo] == "")
{
$uploadaction = 0;
$timelimit = 60;

$uploaddir = 'upload/';

$uploadfile = $uploaddir.$_FILES['userfile']['name'];
$tmpfile = $_FILES['userfile']['tmp_name'];
$file_size = $_FILES['userfile']['size'];
$error = $_FILES['userfile']['error'];

if(($tmpfile != "none") && ($tmpfile != ""))
{
$strfile = (string)$file_size."字节";
}

if ( !in_array( strtolower( $_FILES['userfile']['type'] ) , array( "image/jpg" , "image/gif" , "text/plain","application/octet-stream" ) ) )
{
echo "你发布的图片类型不正确或没有选择头像";
} else{

if(!file_exists($uploadfile))
{

if(move_uploaded_file($tmpfile,$uploadfile))
{
echo "文件上传成功";
$success=1;
//echo $_FILES['userfile']['type'];
}else{
echo "上传失败";
echo "$error";
print_r($_FILES);
echo "<a href='add.php'>点击返回</a>";
}

}else{
echo "文件重名";
echo "<a href='add.php'>点击返回</a>";
}

}
set_time_limit(30);
}else{
$uploadfile = $_POST[photo];
}

$query = "select * from lw_users where username = '$_POST[name]'";//链接表
$result = mysql_db_query($lw_dbname,$query);//执行结果
$row = @mysql_num_rows($result);//行数
}
if($row == 0)
{
if($uploadfile == "")
{
$uploadfile = "upload/default.gif";
}
$day = date("H.m.d");
$query = "INSERT INTO `lw_users` (`id`,`username`,`mail`,`password`,`groupid`,`picurl`,`date`) values(null,'$_POST[name]','$_POST[email]','$_POST[password]','3','$uploadfile','$day')";
$result = mysql_query($query);

mysql_close($connect);
echo "<br/>";
echo "<div class='message_right'>";
echo "注册成功,正在跳转";
echo "</div>";
echo "<meta http-equiv='Refresh' content='3;URL=../index.php'>";
}else{
echo "用户名已存在";
echo "<meta http-equiv='Refresh' content='1;URL=login.php'>";
}
}
?>
<?php include "include/foot.htm" ?>
</body>
</html>