一款簡單的無刷新驗證手機號是否注冊：
客戶端實現(xiàn)：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
<!DOCTYPE html><html><head><meta charset="utf-8"><style>#btn{width:80px;height:30px;}</style></head><body><form> 請輸入手機號：<input type="text" id="name" name="name"><input type="button" onclick="show()" id="btn" value="驗證"></form><p id="txt"></p><script>var usernamereg = /^1(3|4|5|7|8)\d{9}$/;function show(){ var name=document.getElementById("name").value;var xmlHttp=new XMLHttpRequest();var url="post.php";xmlHttp.onreadystatechange=function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ if(!usernamereg.test(name)){ document.getElementById("txt").innerHTML="手機號有誤"; }else{ document.getElementById("txt").innerHTML=xmlHttp.responseText } }}xmlHttp.open("POST",url,true);xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");xmlHttp.send("name=" + name);} </script></body></html> |
服務(wù)端實現(xiàn)：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<?php$con = mysqli_connect('localhost', 'username', 'password');if(! $con ){ die('連接失敗: ' . mysqli_error($con));}mysqli_select_db($con,'bdm256727651_db');$username = "select userName FROM Forms where userName = '$_POST[name]' ";$result = mysqli_query($con,$username );$rows=mysqli_num_rows($result);if($rows){ echo "手機號已注冊" ; exit;}else{ echo "手機號可用"; }mysqli_close($con)?> |
以上這篇ajax+php實現(xiàn)無刷新驗證手機號的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持服務(wù)器之家。
原文鏈接：http://blog.csdn.net/hjw453321854/article/details/78805769
