简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
首頁
文章
問答
課程
專題
下載
遊戲
詞典
最近更新

首頁  >  文章  >  後端開發  >  Ajax和PHP正規表示式驗證表單及驗證碼

Ajax和PHP正規表示式驗證表單及驗證碼

高洛峰
高洛峰原創
2017-02-03 17:48:211282瀏覽

模式匹配：

：轉義字元例如：b轉義了b 

^：正規表示式開始符號 

$：正規表示式結束符號 


$：正規表示式結束符號 

或n次 


+：符合前面的字元出現1次或n次 


?：符合前面的字元出現0次或1次 


.：符合除了換行符以外的所有單一字元 


|：或的意思，例如x|y 匹配x或y 


{n}：匹配前面的n個字符 


{n,m}：匹配至少n個最多m個前面字符 


[xyz ]：符合中括號裡的任一個字元 


[^xyz]：符合除了中括號裡的任一個字元等價於[0-9] 


w：符合任一個數字或字母或底線等價於[A-Za-z0-9_] 


d：符合任一0--9之間的數字 


模式修正子： 


i：忽略大小寫例相說明


//使用者名稱由6-18位的字母數字底線組成，不能由數字開頭 


var r_name=/^[a-z]w{5,17}$/i 


//密碼長度不能少於六位 


var r_pwd=/^w{6,}$/ 


//所有的通用郵箱地址 


var r_eamil=/^w+@w+(.)w+配對一個QQ信箱位址 


//861745122@qq.com 

var r_qq_email=/^d{5,}@qq(.)com$/ 


郵件
//符合一個163的郵件信箱

=/^w+@163(.)com$/ 


//符合一個後綴名可能是.com|.net|.cn|.edu 


var email=/^w+@w+(.)com| net|cn|edu$/ 


//要求輸入有效的年齡層 


var r_age=/^d{1,2}$/ 


//if(age>=18&age=188&age=18)


//驗證手機號碼:11位13 15 18開頭 


var r_tel=/^1[3,5,8]d{9}$/ 


//驗證身分證編號18位元或17位加一X 


var r_s=/^d{18}|d{17}x$/i 


//驗證中文var reg=/^[u4e00-u9fa5]{2,17}$/ 

//php 


$reg = "/^[x{4e00}-x{9fa5}]$/u" 

<span style="font-size:24px;">下面是一个例子：</span> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
<title></title> 
<script type="text/javascript" src="public.js"></script> 
</head> 
<body onload="yanzheng(this)"> 
<form method="post" action="info_2.php" onsubmit="return check_all()"> 
<table> 
<tr> 
<td colspan="2">账户基本信息</td> 
</tr> 
<tr> 
<td>登录账号：</td> 
<td><input type="text" name="zhanghao" onblur="check_zhanghao(this)"><span name="sp1"></span></td> 
</tr> 
<tr> 
<td>昵称：</td> 
<td><input type="text" name="nicheng" onblur="check_nicheng(this)"><span name="sp2"></span></td> 
</tr> 
<tr> 
<td>性别：</td> 
<td><input type="radio" name="sex" value="男"onclick="check_sex()">男 
<input type="radio" name="sex" value="女"onclick="check_sex()">女 
<span id="sp3"></span></td> 
</tr> 
<tr> 
<td colspan="2">账户安全设置</td> 
</tr> 
<tr> 
<td>登录密码：</td> 
<td><input type="password" name="pwd" onblur="check_pwd(this)"><span name="sp4"></span></td> 
</tr> 
<tr> 
<td>确认登录密码：</td> 
<td><input type="password" name="repwd" onblur="check_repwd(this)"><span name="sp5"></span></td> 
</tr> 
<tr> 
<td>真实姓名：</td> 
<td><input type="text" name="username" onblur="check_username(this)"><span name="sp6"></span></td> 
</tr> 
<tr> 
<td>身份证号：</td> 
<td><input type="text" name="idcard" onblur="check_idcard(this)"><span name="sp7"></span></td> 
</tr> 
<tr> 
<td>邮箱地址：</td> 
<td><input type="text" name="email" onblur="check_email(this)"><span name="sp8"></span></td> 
</tr> 
<tr> 
<td>验证码</td> 
<td><input type="text" id="number" onblur="check_number()"> 
<input type="button" onclick="yanzheng()" value="获取验证码" > 
<span id="sp10"></span> 
<span id="sp9"></span> 
</td> 
</tr> 
<tr> 
<td></td> 
<td><input type="submit" value="免费注册"></td> 
</tr> 
</table> 
</form> 
<script type="text/javascript"> 
//验证登录账号 
function check_zhanghao(obj){ 
var sp1=$(&#39;sp1&#39;); 
if(obj.value==&#39;&#39;){ 
sp1.innerHTML=&#39;登录账号不能为空&#39;; 
sp1.style.color=&#39;red&#39;; 
return false; 
}else{ 
var reg=/^\w{5,10}$/i; 
if(reg.test(obj.value)){ 
sp1.innerHTML=&#39;正确&#39;; 
sp1.style.color=&#39;green&#39;; 
return true; 
}else{ 
sp1.innerHTML=&#39;登录账号5-10字符&#39;; 
sp1.style.color=&#39;red&#39;; 
return false; 
} 
}return true; 
} 
//验证昵称 
function check_nicheng(obj){ 
var sp2=$(&#39;sp2&#39;); 
if(obj.value==&#39;&#39;){ 
sp2.innerHTML=&#39;登录账号不能为空&#39;; 
sp2.style.color=&#39;red&#39;; 
return false; 
}else{ 
var reg=/^\w{5,10}$/i; 
if(reg.test(obj.value)){ 
sp2.innerHTML=&#39;正确&#39;; 
sp2.style.color=&#39;green&#39;; 
return true; 
}else{ 
sp2.innerHTML=&#39;昵称5-10字符&#39;; 
sp2.style.color=&#39;red&#39;; 
return false; 
} 
}return true; 
} 
//验证密码 
function check_pwd(obj2){ 
var sp4=$(&#39;sp4&#39;); 
if(obj2.value==&#39;&#39;){ 
sp4.innerHTML=&#39;密码不能为空&#39;; 
sp4.style.color=&#39;red&#39;; 
return false; 
}else{ 
var reg=/^\w{6,}$/; 
if(reg.test(obj2.value)){ 
sp4.innerHTML=&#39;正确&#39;; 
sp4.style.color=&#39;green&#39;; 
return true; 
}else{ 
sp4.innerHTML=&#39;格式不正确&#39;; 
sp4.style.color=&#39;red&#39;; 
return false; 
} 
}return true; 
} 
//验证确认密码 
function check_repwd(obj3){ 
var sp5=$(&#39;sp5&#39;); 
var pwd=$(&#39;pwd&#39;); 
var repwd=$(&#39;repwd&#39;); 
if(obj3.value==&#39;&#39;){ 
sp5.innerHTML=&#39;密码不能为空&#39;; 
sp5.style.color=&#39;red&#39;; 
return false; 
}else{ 
if(obj3.value==pwd.value){ 
sp5.innerHTML=&#39;正确&#39;; 
sp5.style.color=&#39;green&#39;; 
return true; 
}else{ 
sp5.innerHTML=&#39;确认密码和密码不一致&#39;; 
sp5.style.color=&#39;red&#39;; 
return false; 
} 
}return true; 
} 
//验证性别 
num2=0; 
function check_sex(){ 
var sex=document.getElementsByName(&#39;sex&#39;); 
// var sp4=document.getElementById(&#39;sp4&#39;) 
for(var i=0;i<sex.length;i++){ 
if(sex[i].checked==true){ 
num2=num2+1; 
} 
} 
//alert(num2); 
if(num2!=0){ 
sp3.innerHTML=&#39;√&#39;; 
sp3.style.color=&#39;green&#39;; 
return true; 
}else{ 
sp3.innerHTML=&#39;性别不能为空&#39;; 
sp3.style.color=&#39;red&#39;; 
return false; 
} 
} 
//验证姓名 
function check_username(obj){ 
var sp6=$(&#39;sp6&#39;); 
if(obj.value==""){ 
sp6.innerHTML=&#39;用户名不能为空&#39;; 
sp6.style.color=&#39;red&#39;; 
return false; 
}else{ 
var reg=/^[\u4e00-\u9fa5]{2,3}$/; 
if(!reg.test(obj.value)){ 
sp6.innerHTML=&#39;用户名应该2-3个汉字&#39;; 
sp6.style.color=&#39;red&#39;; 
return false; 
}else{ 
sp6.innerHTML=&#39;√&#39;; 
sp6.style.color=&#39;green&#39;; 
return true; 
} 
} 
return true; 
} 
//验证邮箱 
function check_email(obj5){ 
var sp8=$(&#39;sp8&#39;); 
if(obj5.value==&#39;&#39;){ 
sp8.innerHTML=&#39;邮箱不能为空&#39;; 
sp8.style.color=&#39;red&#39;; 
return false; 
}else{ 
var reg=/^(\w+@\w+(\.)com|net|cn)$/; 
if(reg.test(obj5.value)){ 
sp8.innerHTML=&#39;正确&#39;; 
sp8.style.color=&#39;green&#39;; 
return true; 
}else{ 
sp8.innerHTML=&#39;格式不正确&#39;; 
sp8.style.color=&#39;red&#39;; 
return false; 
}return true; 
} 
} 
//验证身份证号 
function check_idcard(obj9){ 
var sp7=$(&#39;sp7&#39;); 
if(obj9.value==&#39;&#39;){ 
sp7.innerHTML=&#39;身份证号不能为空&#39;; 
sp7.style.color=&#39;red&#39;; 
return false; 
}else{ 
var reg=/^\d{18}|\d{17}x$/i; 
if(reg.test(obj9.value)){ 
sp7.innerHTML=&#39;正确&#39;; 
sp7.style.color=&#39;green&#39;; 
return true; 
}else{ 
sp7.innerHTML=&#39;格式不正确&#39;; 
sp7.style.color=&#39;red&#39;; 
return false; 
}return true; 
} 
} 
//生成验证码 
function yanzheng(){ 
var sp9=document.getElementById(&#39;sp9&#39;); 
var str1=""; 
for(var i=1;i<=4;i++){ 
str1=str1+parseInt(Math.random()*10); 
sp9.innerHTML=str1; 
} 
} 
//验证验证码 
function check_number(){ 
var number=document.getElementById(&#39;number&#39;).value 
var sp10=document.getElementById(&#39;sp10&#39;) 
var sp9=document.getElementById(&#39;sp9&#39;); 
if(number==""){ 
sp10.innerHTML=&#39;验证码不能为空&#39;; 
sp10.style.color=&#39;red&#39;; 
return false; 
}else{ 
if(number!=sp9.innerHTML){ 
sp10.innerHTML=&#39;验证码和你写的不一致&#39;; 
sp10.style.color=&#39;red&#39;; 
return false; 
} else{ 
sp10.innerHTML=&#39;√&#39;; 
sp10.style.color=&#39;green&#39;; 
return true;} 
return true; 
} 
} 
function check_all(){ 
if(check_zhanghao($(&#39;zhanghao&#39;)) & check_nicheng($(&#39;nicheng&#39;)) & check_pwd($(&#39;pwd&#39;)) & check_repwd($(&#39;repwd&#39;)) & check_sex()& check_username($(&#39;username&#39;)) & check_idcard($(&#39;idcard&#39;)) &check_email($(&#39;email&#39;)) & check_number() ){ 
return true;} 
else{ return false;} 
} 
</script> 
</body> 
</html>

php正規驗證

<?php 
header("content-type:text/html;charset=utf8"); 
//var_dump($_POST);die; 
//array(5) { ["uname"]=> string(9) "刘伟超" ["uqq"]=> string(10) "1111111111" ["uemail"]=> string(12) "66555@qq.com" ["utel"]=> string(11) "15863162320" ["uinfo"]=> string(48) "地方开始放假开放活动健康的话概括" } 
empty($_POST["uname"])?$uname="":$uname=$_POST["uname"]; 
empty($_POST["uemail"])?$uemail="":$uemail=$_POST["uemail"]; 
empty($_POST["utel"])?$utel="":$utel=$_POST["utel"]; 
empty($_POST["uqq"])?$uqq="":$uqq=$_POST["uqq"]; 
empty($_POST["uinfo"])?$uinfo="":$uinfo=$_POST["uinfo"]; 
//验证姓名 
$reg="/^[\x{4e00}-\x{9fa5}]{2,3}$/u"; 
if(!preg_match($reg,$uname)){ 
echo "用户名应该2-3个汉字";die; 
//header("refresh:1;url=form.html"); 
} 
//验证邮箱 
$reg="/^(\w+@\w+(\.)com|net|cn)$/"; 
if(!preg_match($reg,$uemail)){ 
echo "邮箱必须含有@，且以com结尾";header("refresh:1;url=form.html"); die; 
} 
//验证座机号 
$reg="/^\d{11}$/"; 
if(!preg_match($reg,$utel)){ 
echo "座机号以010-22222222格式";header("refresh:1;url=form.html"); die; 
} 
//验证QQ号 
$reg="/^\d{5,11}$/"; 
if(!preg_match($reg,$uqq)){ 
echo "qq必须是5-11位纯数字";header("refresh:1;url=form.html"); die; 
} 
//验证简介 
/*$reg="/^[\x{4e00}-\x{9fa5}]{10,100}\W+/u"; 
if(!preg_match($reg,$uinfo)){ 
echo "简介应该10-100个汉字";die; 
//header("refresh:1;url=form.html"); 
} 
*/
//连接数据库 
$link=mysql_connect(&#39;127.0.0.1&#39;,&#39;root&#39;,&#39;root&#39;)or die("连接失败"); 
//选择数据库 
mysql_select_db(&#39;kaoshi&#39;,$link); 
//设置字符集 
mysql_query("set names utf8"); 
//写sql语句 
$sql="insert into zhuce(c_name,c_qq,c_email,c_tel,c_info) values(&#39;$uname&#39;,&#39;$uqq&#39;,&#39;$uemail&#39;,&#39;$utel&#39;,&#39;$uinfo&#39;)"; 
//echo $sql;die; 
$rel=mysql_query($sql); 
if($rel){ 
echo "注册成功";header("refresh:1;url=show.php"); 
}else{echo "注册失败";header("refresh:1;url=form.html");} 
?>

以上所述是小編給大家介紹的Ajax和PHP正規表示式驗證表單及驗證碼，希望對大家有幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持！

更多Ajax和PHP正規表示式驗證表單及驗證碼相關文章請關注PHP中文網！

陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：PHP 極驗驗證碼實例講解下一篇：PHP 極驗驗證碼實例講解

相關文章

看更多