Maison > développement back-end > tutoriel php > Un exemple d'ajax+php implémentant une vérification sans actualisation du numéro de téléphone mobile

Un exemple d'ajax+php implémentant une vérification sans actualisation du numéro de téléphone mobile

jacklove
Libérer: 2023-04-02 13:18:02
original
1491 Les gens l'ont consulté

L'éditeur ci-dessous partagera avec vous un exemple d'ajax+php implémentant la vérification sans actualisation des numéros de téléphone mobile. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour jeter un œil

Une méthode de vérification simple sans actualisation pour vérifier si un numéro de téléphone mobile est enregistré :

Implantation client :

<!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>
Copier après la connexion

Implémentation du serveur :

<?php
$con = mysqli_connect(&#39;localhost&#39;, &#39;username&#39;, &#39;password&#39;);
if(! $con )
{
 die(&#39;连接失败: &#39; . mysqli_error($con));
}
mysqli_select_db($con,&#39;bdm256727651_db&#39;);
$username = "select userName FROM Forms where userName = &#39;$_POST[name]&#39; ";
$result = mysqli_query($con,$username );
$rows=mysqli_num_rows($result);
if($rows){
	echo "手机号已注册"	;
	exit;
}else{
	echo "手机号可用";	
}
mysqli_close($con)
?>
Copier après la connexion

L'exemple ci-dessus d'ajax+php implémentant la vérification sans actualisation du numéro de téléphone mobile représente tout le contenu partagé par l'éditeur, j'espère que cela pourra vous donner une référence, et j'espère aussi que tout le monde soutiendra le site Web php chinois.

Articles qui pourraient vous intéresser :

Explication de la méthode d'implémentation simple de lecture et de sortie des données d'un fichier XML avec PHP

Thinkphp5 explique comment charger des chemins de ressources statiques et des constantes

Une brève analyse des fermetures et des fonctions anonymes en PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal