ajax+php实现无刷新验证手机号的实例

最新推荐文章于 2024-05-16 10:23:18 发布

sinat_40572875

最新推荐文章于 2024-05-16 10:23:18 发布

阅读量57

点赞数

文章标签： php ajax javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/sinat_40572875/article/details/128030099

版权

一款简单的无刷新验证手机号是否注册：

客户端实现：

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>

服务端实现：

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)

?>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
ajax+php实现无刷新验证手机号的实例

【代码】ajax+php实现无刷新验证手机号的实例。
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

sinat_40572875 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。