> 백엔드 개발 > PHP 튜토리얼 > php+jquery ajax邮箱地址无刷新验证实例_PHP教程

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

WBOY
풀어 주다: 2016-07-13 10:49:01
원래의
1117명이 탐색했습니다.

要实现无刷新页面我们一般会用到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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿