导读
易语言5.6完美版,可静态编译,绿色无后门

学习易语言 讲究的是系统,如果你正在四处闲逛,你懂的永远是皮毛! 觅风论坛正在为每个困惑的对易语言 详细

[源码] PHP实现ajax+php实现无刷新验证手机号的实例源码

[复制链接]

微信扫一扫 分享朋友圈

aa111111 发表于 2023-9-15 10:11:56 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

马上注册,结交更多易友,享用更多功能,让你轻松玩转觅风论坛。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
PHP实现ajax+php实现无刷新验证手机号的实例源码

QQ截图20230915101026.jpg

html前端:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <style>
  6. #btn{width:80px;height:30px;}
  7. </style>
  8. </head>
  9. <body>
  10. <form>
  11. 请输入手机号:
  12. <input type="text" id="name" name="name">
  13. <input type="button" onclick="show()" id="btn" value="验证">
  14. </form>
  15. <p id="txt"></p>
  16. <script>
  17. var usernamereg = /^1(3|4|5|7|8)\d{9}$/;
  18. function show(){       
  19. var name=document.getElementById("name").value;
  20. var xmlHttp=new XMLHttpRequest();
  21. var url="post.php";
  22. xmlHttp.onreadystatechange=function stateChanged()
  23. {
  24. if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
  25.         if(!usernamereg.test(name)){
  26.                 document.getElementById("txt").innerHTML="手机号有误";
  27.         }else{
  28.         document.getElementById("txt").innerHTML=xmlHttp.responseText
  29.                 }
  30.         }
  31. }
  32. xmlHttp.open("POST",url,true);
  33. xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  34. xmlHttp.send("name=" + name);
  35. }
  36. </script>
  37. </body>
  38. </html>
复制代码
后端PHP代码:

  1. <?php
  2. $con = mysqli_connect('localhost', 'username', 'password');
  3. if(! $con )
  4. {
  5. die('连接失败: ' . mysqli_error($con));
  6. }
  7. mysqli_select_db($con,'bdm256727651_db');
  8. $username = "select userName FROM Forms where userName = '$_POST[name]' ";
  9. $result = mysqli_query($con,$username );
  10. $rows=mysqli_num_rows($result);
  11. if($rows){
  12.         echo "手机号已注册"        ;
  13.         exit;
  14. }else{
  15.         echo "手机号可用";       
  16. }
  17. mysqli_close($con)
  18. ?>
复制代码

以上这篇ajax+php实现无刷新验证手机号的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持觅风论坛。
回复

使用道具 举报

精彩评论55

黑崎一宇 发表于 2023-9-15 16:32:00 | 显示全部楼层
感谢感谢分享
回复 支持 反对

使用道具 举报

2098817979 发表于 2023-9-15 22:52:04 | 显示全部楼层
撒大苏打阿斯顿阿斯顿
回复 支持 反对

使用道具 举报

1378409920 发表于 2023-9-16 05:12:08 | 显示全部楼层
鉴定完毕是个好资源
回复 支持 反对

使用道具 举报

NUNU 发表于 2023-9-16 11:32:13 | 显示全部楼层
来瞧瞧的,呵呵
回复 支持 反对

使用道具 举报

hgfhf 发表于 2023-9-16 17:52:17 | 显示全部楼层
顶起  很好的帖
回复 支持 反对

使用道具 举报

行走的蜗牛 发表于 2023-9-16 23:02:12 | 显示全部楼层
666学习了!!
回复 支持 反对

使用道具 举报

我才 发表于 2023-9-17 04:12:07 | 显示全部楼层
学习了!!!!
回复 支持 反对

使用道具 举报

舞步 发表于 2023-9-17 09:22:01 | 显示全部楼层
学习了,这就去试试
回复 支持 反对

使用道具 举报

行走的蜗牛 发表于 2023-9-17 14:31:56 | 显示全部楼层
支持一下,期待更多东西
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注我们:觅风论坛与你快乐分享

收藏本站

用心服务做个非盈利公益编程网站

www.eyyba.com

服务人:觅风论坛

Email:eyyba@foxmail.com

Powered by WWW.EYYBA.COM X3.4© 2001-2023 Inc.   版权所有   

觅风论坛  疆ICP备15020893号-1