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


Posted in PHP onDecember 22, 2017

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

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实现无刷新验证手机号的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
真正的ZIP文件操作类(php)
Jul 21 PHP
php access 数据连接与读取保存编辑数据的实现代码
May 12 PHP
PHP用SAX解析XML的实现代码与问题分析
Aug 22 PHP
Zend的AutoLoad机制介绍
Sep 27 PHP
深入php常用函数的使用汇总
Jun 08 PHP
解析php常用image图像函数集
Jun 24 PHP
php抽象类使用要点与注意事项分析
Feb 09 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
Jun 21 PHP
laravel 中如何使用ajax和vue总结
Aug 16 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
Aug 16 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
May 13 PHP
PHP 判断字符串是中文还是英文, 或者是中英混合
Mar 09 PHP
Thinkphp5行为使用方法汇总
Dec 21 #PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
Dec 21 #PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
Dec 21 #PHP
PHP实现生成模糊图片的方法示例
Dec 21 #PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
Dec 21 #PHP
在云虚拟主机部署thinkphp5项目的步骤详解
Dec 21 #PHP
php获取微信共享收货地址的方法
Dec 21 #PHP
You might like
咖啡的种类和口感
2021/03/03 新手入门
PHP 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
php foreach 参数强制类型转换的问题
2010/12/10 PHP
在windows平台上构建自己的PHP实现方法(仅适用于php5.2)
2013/07/05 PHP
PHP 等比例缩放图片详解及实例代码
2016/09/18 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
2010/08/03 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
2011/03/01 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
使用js画图之饼图
2015/01/12 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
12个超实用的JQuery代码片段
2015/11/02 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
2015/12/04 Javascript
Three.js快速入门教程
2016/09/09 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
js实现日期显示的一些操作(实例讲解)
2017/07/27 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
Bootstrap 实现表格样式、表单布局的实例代码
2018/12/09 Javascript
Vue使用axios引起的后台session不同操作
2020/08/14 Javascript
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
调试Python程序代码的几种方法总结
2015/04/28 Python
Python读写文件方法总结
2015/06/09 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
Python中list查询及所需时间计算操作示例
2018/06/21 Python
python操作gitlab API过程解析
2019/12/27 Python
html5 canvas绘制矩形和圆形的实例代码
2016/06/16 HTML / CSS
我的大学生活职业生涯规划
2014/01/02 职场文书
市场调查策划方案
2014/06/10 职场文书
维稳工作承诺书
2015/01/20 职场文书
《黄道婆》教学反思
2016/02/22 职场文书
导游词之吉林花园山
2019/10/17 职场文书
python munch库的使用解析
2021/05/25 Python