Ajax和PHP正则表达式验证表单及验证码


Posted in PHP onSeptember 24, 2016

模式匹配符:

\:转义字符 例如:\b转义了b

^:正则表达式开始符号

$:正则表达式结束符号

*:匹配前面的字符出现0次或者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的邮箱地址

var r_163_email=/^\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《=100)

//验证手机号: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=$('sp1'); 
if(obj.value==''){ 
sp1.innerHTML='登录账号不能为空'; 
sp1.style.color='red'; 
return false; 
}else{ 
var reg=/^\w{5,10}$/i; 
if(reg.test(obj.value)){ 
sp1.innerHTML='正确'; 
sp1.style.color='green'; 
return true; 
}else{ 
sp1.innerHTML='登录账号5-10字符'; 
sp1.style.color='red'; 
return false; 
} 
}return true; 
} 
//验证昵称 
function check_nicheng(obj){ 
var sp2=$('sp2'); 
if(obj.value==''){ 
sp2.innerHTML='登录账号不能为空'; 
sp2.style.color='red'; 
return false; 
}else{ 
var reg=/^\w{5,10}$/i; 
if(reg.test(obj.value)){ 
sp2.innerHTML='正确'; 
sp2.style.color='green'; 
return true; 
}else{ 
sp2.innerHTML='昵称5-10字符'; 
sp2.style.color='red'; 
return false; 
} 
}return true; 
} 
//验证密码 
function check_pwd(obj2){ 
var sp4=$('sp4'); 
if(obj2.value==''){ 
sp4.innerHTML='密码不能为空'; 
sp4.style.color='red'; 
return false; 
}else{ 
var reg=/^\w{6,}$/; 
if(reg.test(obj2.value)){ 
sp4.innerHTML='正确'; 
sp4.style.color='green'; 
return true; 
}else{ 
sp4.innerHTML='格式不正确'; 
sp4.style.color='red'; 
return false; 
} 
}return true; 
} 
//验证确认密码 
function check_repwd(obj3){ 
var sp5=$('sp5'); 
var pwd=$('pwd'); 
var repwd=$('repwd'); 
if(obj3.value==''){ 
sp5.innerHTML='密码不能为空'; 
sp5.style.color='red'; 
return false; 
}else{ 
if(obj3.value==pwd.value){ 
sp5.innerHTML='正确'; 
sp5.style.color='green'; 
return true; 
}else{ 
sp5.innerHTML='确认密码和密码不一致'; 
sp5.style.color='red'; 
return false; 
} 
}return true; 
} 
//验证性别 
num2=0; 
function check_sex(){ 
var sex=document.getElementsByName('sex'); 
// var sp4=document.getElementById('sp4') 
for(var i=0;i<sex.length;i++){ 
if(sex[i].checked==true){ 
num2=num2+1; 
} 
} 
//alert(num2); 
if(num2!=0){ 
sp3.innerHTML='√'; 
sp3.style.color='green'; 
return true; 
}else{ 
sp3.innerHTML='性别不能为空'; 
sp3.style.color='red'; 
return false; 
} 
} 
//验证姓名 
function check_username(obj){ 
var sp6=$('sp6'); 
if(obj.value==""){ 
sp6.innerHTML='用户名不能为空'; 
sp6.style.color='red'; 
return false; 
}else{ 
var reg=/^[\u4e00-\u9fa5]{2,3}$/; 
if(!reg.test(obj.value)){ 
sp6.innerHTML='用户名应该2-3个汉字'; 
sp6.style.color='red'; 
return false; 
}else{ 
sp6.innerHTML='√'; 
sp6.style.color='green'; 
return true; 
} 
} 
return true; 
} 
//验证邮箱 
function check_email(obj5){ 
var sp8=$('sp8'); 
if(obj5.value==''){ 
sp8.innerHTML='邮箱不能为空'; 
sp8.style.color='red'; 
return false; 
}else{ 
var reg=/^(\w+@\w+(\.)com|net|cn)$/; 
if(reg.test(obj5.value)){ 
sp8.innerHTML='正确'; 
sp8.style.color='green'; 
return true; 
}else{ 
sp8.innerHTML='格式不正确'; 
sp8.style.color='red'; 
return false; 
}return true; 
} 
} 
//验证身份证号 
function check_idcard(obj9){ 
var sp7=$('sp7'); 
if(obj9.value==''){ 
sp7.innerHTML='身份证号不能为空'; 
sp7.style.color='red'; 
return false; 
}else{ 
var reg=/^\d{18}|\d{17}x$/i; 
if(reg.test(obj9.value)){ 
sp7.innerHTML='正确'; 
sp7.style.color='green'; 
return true; 
}else{ 
sp7.innerHTML='格式不正确'; 
sp7.style.color='red'; 
return false; 
}return true; 
} 
} 
//生成验证码 
function yanzheng(){ 
var sp9=document.getElementById('sp9'); 
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('number').value 
var sp10=document.getElementById('sp10') 
var sp9=document.getElementById('sp9'); 
if(number==""){ 
sp10.innerHTML='验证码不能为空'; 
sp10.style.color='red'; 
return false; 
}else{ 
if(number!=sp9.innerHTML){ 
sp10.innerHTML='验证码和你写的不一致'; 
sp10.style.color='red'; 
return false; 
} else{ 
sp10.innerHTML='√'; 
sp10.style.color='green'; 
return true;} 
return true; 
} 
} 
function check_all(){ 
if(check_zhanghao($('zhanghao')) & check_nicheng($('nicheng')) & check_pwd($('pwd')) & check_repwd($('repwd')) & check_sex()& check_username($('username')) & check_idcard($('idcard')) &check_email($('email')) & 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('127.0.0.1','root','root')or die("连接失败"); 
//选择数据库 
mysql_select_db('kaoshi',$link); 
//设置字符集 
mysql_query("set names utf8"); 
//写sql语句 
$sql="insert into zhuce(c_name,c_qq,c_email,c_tel,c_info) values('$uname','$uqq','$uemail','$utel','$uinfo')"; 
//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 相关文章推荐
dedecms中显示数字验证码的修改方法
Mar 21 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
May 05 PHP
PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
Aug 23 PHP
PHP简单选择排序算法实例
Jan 26 PHP
php动态添加url查询参数的方法
Apr 14 PHP
PHP加密解密函数详解
Oct 28 PHP
PHP获取访问页面HTTP状态码的实现代码
Nov 03 PHP
php实现的读取CSV文件函数示例
Feb 07 PHP
php对微信支付回调处理的方法
Aug 23 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
Mar 14 PHP
PHP Trait代码复用类与多继承实现方法详解
Jun 17 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
Oct 10 PHP
mysql查找删除重复数据并只保留一条实例详解
Sep 24 #PHP
php源码 fsockopen获取网页内容实例详解
Sep 24 #PHP
轻松掌握php设计模式之访问者模式
Sep 23 #PHP
PHP接收App端发送文件流的方法
Sep 23 #PHP
适合PHP初学者阅读的4本经典书籍
Sep 23 #PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
Sep 23 #PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
Sep 23 #PHP
You might like
CodeIgniter基本配置详细介绍
2013/11/12 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
laravel框架模板之公共模板、继承、包含实现方法分析
2019/08/30 PHP
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
javascript中定义类的方法汇总
2014/12/28 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
2016/09/02 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
原生js实现旋转木马轮播图效果
2017/02/27 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
js中less常用的方法小结
2017/08/09 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
Python3实现将本地JSON大数据文件写入MySQL数据库的方法
2018/06/13 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
对python列表里的字典元素去重方法详解
2019/01/21 Python
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
2014/09/02 HTML / CSS
材料采购员岗位职责
2013/12/17 职场文书
高中生毕业自我鉴定范文
2013/12/22 职场文书
大学新生欢迎词
2014/01/10 职场文书
中层干部竞争上岗演讲稿
2014/01/13 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
新闻编辑求职信
2014/04/09 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
优质服务标语口号
2015/12/26 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python