温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

ajax+php如何实现无刷新验证手机号

发布时间:2021-06-22 15:26:19 来源:亿速云 阅读:129 作者:小新 栏目:开发技术

这篇文章主要为大家展示了“ajax+php如何实现无刷新验证手机号”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax+php如何实现无刷新验证手机号”这篇文章吧。

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

ajax+php如何实现无刷新验证手机号

客户端实现:

<!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>

服务端实现:

<?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如何实现无刷新验证手机号”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI