ajax应用-注册无刷新提示
ajax应用-注册无刷新提示，早期的源代码
代码如下：
register.php：
<html>
<head>
<title>注册</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta name=”author” content=”" />
<script type=”text/javascript” src=”jquery.js”></script>
<SCRIPT LANGUAGE=”JavaScript”>
//判断姓名
$(function(){
$(“#js_name”).blur(function(){
var ajaxOpts = {
type: “get”,
url: “check-name.php”,
data:”js_name=” + $(‘#js_name’).val(),
success: function(date) {
$(“#name_check”).html(date);
}
};
$.ajax(ajaxOpts);
});
//判断email
$(“#js_email”).blur(function(){
$.ajax({
type: “get”,
url: “check-email.php”,
data: “js_email=” + $(‘#js_email’).val(),
success: function(date) {
$(“#email_check”).html(date);
}
});
});
$(“#userpwd”).blur(function(){
if($(“#userpwd”).val()==”")
{
$(“#password2″).html(“password is empty “);
}
else if($(“#userpwd”).val().length<6)
{
$(“#password2″).html(“password is too sort 6″);
}
else
{
$(“#password2″).html(“password is right “);
}
});
$(“#reuserpwd”).blur(function(){
if($(“#reuserpwd”).val()==”")
{
$(“#password3″).html(“password is empty “);
}
else if($(“#reuserpwd”).val().length<6)
{
$(“#password3″).html(“password is too sort 6 “);
}
else if($(“#reuserpwd”).val()!=$(“#userpwd”).val())
{
$(“#password3″).html(“password is diff”);
}
else
{
$(“#password3″).html(“password is right “);
}
});
});
function validateform()
{
if($(“#js_name”).val()==”")
{
alert (“输入姓名”)
return false;
}
if ($(“#js_email”).val()==”")
{
alert (“输入email”)
return false;
}
var pa=/^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/
if (!pa.test($(“#js_email”).val()))
{
alert (“email验证错误”)
return false;
}
if($(“#userpwd”).val()==”")
{
alert (“输入密码 “)
return false;
}
if($(“#reuserpwd”).val()==”")
{
alert (“再次输入密码 “)
return false;
}
if ($(“#userpwd”).val()!=$(“#reuserpwd”).val())
{
alert (“2次输入密码不一样”)
return false;
}
}
</SCRIPT>
</head>
<body>
<?php
$con=mysql_connect(“localhost”,”root”,”123456″);
mysql_select_db(“test”,$con);
if($_POST[regbutton] == “”)
{
echo ”
<form enctype = ‘multipart/form-data’ method = ‘POST’ action = ‘register.php’ name = ‘tx1′
onsubmit = ‘return validateform(this.form)’>
用户名称: <input type=’text’ name=’name’ id=’js_name’><span id=’name_check’></span><br/>
电子邮件: <input type=’text’ name=’email’ id=’js_email’><span id=’email_check’></span><br/>
输入密码: <input type=’password’ name=’password’ id=’userpwd’ ><span id=’password2′></span><br/>
重复密码: <input type=’password’ name=’repassword’ id=’reuserpwd’><span id=’password3′></span><br/>
<input type=’submit’ name=’regbutton’ value=’注册’ />
</form>
“;
}
else
{
$query = “select * from user where name = ‘$_POST[name]‘”;
$result = mysql_query($query,$con);
$row = mysql_num_rows($result);//行数
if($row == 0)
{
$day = date(“H.m.d”);
$query = “INSERT INTO `user` (`name`,`email`) values(‘$_POST[name]‘,’$_POST[email]‘)”;
$result = mysql_query($query) or die(mysql_error());
mysql_close($con);
echo “注册成功”;
}
else
{
echo “用户名已存在”;
}
}
?>
</body>
</html>
check-name.php：
<?php
$con=mysql_connect(“localhost”,”root”,”123456″);
mysql_select_db(“test”,$con);
$js_name=$_GET["js_name"];
if(!empty($js_name))
{
$query = “select * from user where name = ‘$js_name’”;
$result = mysql_query($query) or die(mysql_error());//执行结果
if(mysql_num_rows($result))
{
echo “Users who have already been registered”;
}
else
{
echo “Users who have not been registered”;
}
}
else
{
echo “User were empty”;
}
?>
check-email.php：
<?php
$con=mysql_connect(“localhost”,”root”,”123456″);
mysql_select_db(“test”,$con);
$js_email=$_GET["js_email"];
if(!empty($js_email))
{
$query = “select * from user where email = ‘$js_email’”;//链接表
$result = mysql_query($query,$con);//执行结果
if(!mysql_num_rows($result))
{
echo “email have not been registered”;
}
else
{
echo “email have already been registered”;
}
}
else
{
echo ‘email were empty’;
}
?>
sql如下：
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`name` varchar(20) DEFAULT NULL,
`email` varchar(30) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=latin1;