php+jquery ajax邮箱地址无刷新验证实例_PHP教程

WBOY
發布: 2016-07-13 10:49:01
原創
1061 人瀏覽過

要实现无刷新页面我们一般会用到ajax来实现,以前是使用最原始的js ajax验证现在常用的jquery ajax了只要简单的一句post即可解决了,下面我们看实例

index.php页面

 代码如下 复制代码





php jquery check username ajax检查帐号唯一性


<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();
      }

}
});
}

 

}

#tick{display:none}
#cross{display:none}
 


Username:
php+jquery ajax邮箱地址无刷新验证实例_PHP教程
php+jquery ajax邮箱地址无刷新验证实例_PHP教程


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";//不能注册

}
?>

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/632749.htmlTechArticle要实现无刷新页面我们一般会用到ajax来实现,以前是使用最原始的js ajax验证现在常用的jquery ajax了只要简单的一句post即可解决了,下面我们...
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!