php+jquery ajax email address verification example without refresh_PHP tutorial

To achieve a non-refresh page, we usually use ajax to achieve it. In the past, we used the most primitive js ajax for verification. Now we use the commonly used jquery ajax. Just a simple post can solve the problem. Let's look at the example below

index .php page

<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{</table> jQuery.ajax({<br> Type: "POST",<br> URL: "check.php",<br> Data: 'username='+ username,<br> cache: false,<br> Success: function(response){<br> if(response == 1){<br> //Cannot register<br> $('#username').css('border', '3px #C33 solid'); <br> $('#tick').hide();<br> $('#cross').fadeIn();<br> }else{<br> $('#username').css('border', '3px #090 solid');<br> $('#cross').hide();<br> $('#tick').fadeIn();<br> } }<br> });<br> } } </script>
Username:


php verification page, this page receives the data from jquery ajax post for verification and returns the value

The code is as follows

代码如下

复制代码

<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{</p> <p>jQuery.ajax({<br>    type: "POST",<br>    url: "check.php",<br>    data: 'username='+ username,<br>    cache: false,<br>    success: function(response){<br> if(response == 1){<br>  //不可以注册<br>  $('#username').css('border', '3px #C33 solid'); <br>  $('#tick').hide();<br>  $('#cross').fadeIn();<br>  }else{<br>  $('#username').css('border', '3px #090 solid');<br>  $('#cross').hide();<br>  $('#tick').fadeIn();<br>       }</p> <p>}<br> });<br> }</p> <p> </p> <p>}</p> <p></script> Username:

Copy code

代码如下

复制代码

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

The code is as follows

Copy code

<🎜># 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 "Very good, MYSQL connection successful!"; //} else { //echo "Sorry, failed!"; //} 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 passed the check $query = "SELECT email FROM user WHERE email = '$username' LIMIT 1"; $result = mysql_query( $query ); $num = mysql_num_rows($result); echo $num; } else<🎜> <🎜>{ echo "1";//Cannot register<🎜> <🎜>} ?> http://www.bkjia.com/PHPjc/632749.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/632749.htmlTechArticleTo achieve a non-refresh page, we usually use ajax to achieve it. In the past, we used the most original js ajax verification now. Commonly used jquery ajax can be solved with a simple post. Below we...