Heim > Backend-Entwicklung > PHP-Tutorial > php+jquery ajax邮箱地址无刷新验证实例_PHP教程

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

WBOY
Freigeben: 2016-07-13 10:49:01
Original
1132 Leute haben es durchsucht

要实现无刷新页面我们一般会用到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即可解决了,下面我们...
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage