要实现无刷新页面我们一般会用到ajax来实现,以前是使用最原始的js ajax验证现在常用的jquery ajax了只要简单的一句post即可解决了,下面我们看实例
<script>ec(2);</script>
index.php页面
| 代码如下 |
复制代码 |
|
php jquery check username ajax检查帐号唯一性
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> <script><br>
$(document).ready(function(){<br>
$('#username').keyup(username_check);<br>
});<br>
<br>
function username_check(){ <br>
var username = $('#username').val();<br>
if(username == "" || username.length < 4){<br>
$('#username').css('border', '3px #CCC solid');<br>
$('#tick').hide();<br>
}else{</script>
jQuery.ajax({
type: "POST",
url: "check.php",
data: 'username='+ username,
cache: false,
success: function(response){
if(response == 1){
//不可以注册
$('#username').css('border', '3px #C33 solid');
$('#tick').hide();
$('#cross').fadeIn();
}else{
$('#username').css('border', '3px #090 solid');
$('#cross').hide();
$('#tick').fadeIn();
}
}
});
}
}
立即学习“PHP免费学习笔记(深入)”;
#tick{display:none}
#cross{display:none}
Username:
@@##@@
@@##@@
|
php验证页面,此页面接收到jquery ajax post过来的数据进行验证并返回值
| 代码如下 |
复制代码 |
|
# FileName="Connection_php_mysql.htm"
# Type="MYSQL"
# HTTP="true"
$hostname_lr = "localhost";
$database_lr = "ordersiliconebracelets";
$username_lr = "root";
$password_lr = "";
$lr = mysql_pconnect($hostname_lr, $username_lr, $password_lr) or trigger_error(mysql_error(),E_USER_ERROR);
mysql_query("set names utf8;");
//if ($lr) {
//echo "非常好,MYSQL连接成功了!";
//} else {
//echo "不好意思,失败了!";
//}
mysql_select_db($database_lr, $lr);
//
$username = trim(strtolower($_POST['username']));
$username = mysql_escape_string($username);
if (eregi("^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,3}$",$username)) {
//email通过检查
$query = "SELECT email FROM user WHERE email = '$username' LIMIT 1";
$result = mysql_query( $query );
$num = mysql_num_rows($result);
echo $num;
}
else
{
echo "1";//不能注册
}
?>
|
