PHP+MySQL+JavaScript实现用户注册系统

以下是用户注册界面：

其中，检查用户名用来检查是否该用户名已被注册

点击检查用户名将弹出窗口提示是否已被注册

未被注册时要弹出的界面:

用户名已被注册时弹出的界面:

各个属性在MySQL中的类型

基本思路就是在这个表单中将填写的内容传到JavaScript, 然后JavaScript中使用window.open()函数调用php文件检验用户名是否已被注册.

代码1 :

<form action="" method="post" name="myform">
	用户名: <input type="text" name="username" size="20">
	<button onclick="checkname(myform.username.value)">检查用户名</button><br>
	<!-- 
	点击的时候调用函数checkname  将用户名的信息传到JavaScript函数
	 -->
	<script type="text/javascript">
		var nowname;
		function checkname(nowname){//接收从表单传来的数据
			if(nowname==""){
				alert("用户名不能为空!");
			}else {
				window.open("p41-031-function.php?nowname="+nowname,"newframe","width=220,height=60");
			}
		}
	</script>
	<!-- <a href="#" onclick=""> -->
	真实姓名: <input type="text" name="truename" size="20"><br>
	密码: <input type="password" name="pwd1" size="20"><br>
	确认密码: <input type="password" name="pwd2" size="20" onblur="javascript:if(this.value!=this.form.pwd1.value){alert('您两次输入的密码不一致!');}"><br>
	性别:<input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女">女<br>
	联系电话: <input type="text" name="tel" id="tel"><br>
	个人主页: <input type="text" name="homepage" id="homepage"><br>
	<input type="submit" value="重填" name="submit1" onclick="return check()">
	<input type="submit" name="submit2" value="提交">
</form>
<?php
require_once('p41-031-function.php');
$con=mysql_connect("localhost","elocutionist","123456");
mysql_select_db("rundata1",$con);
if($con){
	// echo "数据库连接成功";
	$username=$_POST['username'];
	$truename=$_POST['truename'];
	$pwd=$_POST['pwd1'];
	$sex=$_POST['sex'];
	$tel=$_POST['tel'];
	$homepage=$_POST['homepage'];
	if($_POST['submit2']!=""){			//点击提交
		if(!empty($username)and!empty($pwd)and!empty($sex)and!empty($tel)and!empty($homepage)){
			$sql="insert into register(username,truename,pwd,sex,tel,homepage) values ('$username','$truename','$pwd','$sex','$tel','$homepage')";
			if(mysql_query($sql)){
				echo "<script>alert('恭喜您!注册成功!');</script>";
			}else {
				echo "<script>alert('注册出现未知错误');</script>".mysql_error();
			}
		}
		else {
			echo "<script>alert('请填写完整信息!');</script>";
		}
	}
}
else die("数据库连接失败:".mysqli_connect_error());
?>

可能前面的看着有点乱可以&nbsp占位符去掉我只是为了对称一点才加上的;

2：(JavaScript的window.open()函数中所使用的

<?php
$nowname = $_GET['nowname'];		//从JavaScript传来的数据
$con=mysql_connect("localhost","username","userpassword");
mysql_select_db("rundata1",$con);
$sql=mysql_query("select *from register where username='$nowname'");
$result=mysql_fetch_array($sql);
if($result==false){
	echo ("恭喜你！[<font color=green >".$nowname."</font>可以注册");
}else {
	echo ("[<font color=red>".$nowname."</font>]已经被注册!");
}
?>

下面是注册操作的整个过程:

选择一个用户名并检查是否可以被xua选择

一下是填写的一些信息:

点击提交后弹出提示信息:

cmd登录mysql查看注册用户信息:

可以看到最后一条信息即为我刚刚注册的用户信息。

完

PHP+MySQL+JavaScript实现用户注册系统

猜你喜欢