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

 更新时间:2016年09月24日 09:18:31   作者:岛岛狗  
这篇文章主要介绍了Ajax和PHP正则表达式验证表单及验证码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

模式匹配符:

\:转义字符 例如:\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正则表达式验证表单及验证码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法

    Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法

    这篇文章给大家介绍的是在Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法,相信"建立数据库连接错误"大家并不陌生,最近我在做一个项目的时候就又遇到了这个问题,现在将我解决的步骤分享给大家,希望对同样遇到这个问题的朋友们能有所帮助。
    2016-11-11
  • Joomla数据库操作之JFactory::getDBO用法

    Joomla数据库操作之JFactory::getDBO用法

    这篇文章主要介绍了Joomla数据库操作之JFactory::getDBO用法,实例分析了Joomla静态类JFactory使用getDBO取得数据库对象的相关操作技巧,需要的朋友可以参考下
    2016-05-05
  • Zend Framework数据库操作方法实例总结

    Zend Framework数据库操作方法实例总结

    这篇文章主要介绍了Zend Framework数据库操作方法,结合实例形式总结分析了Zend Framework数据库操作相关函数使用技巧与注意事项,需要的朋友可以参考下
    2016-12-12
  • PHP SESSION跨页面传递失败解决方案

    PHP SESSION跨页面传递失败解决方案

    这篇文章主要介绍了PHP SESSION跨页面传递失败解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-12-12
  • 老生常谈ThinkPHP中的行为扩展和插件(推荐)

    老生常谈ThinkPHP中的行为扩展和插件(推荐)

    下面小编就为大家带来一篇老生常谈ThinkPHP中的行为扩展和插件(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • laravel框架之数据库查出来的对象实现转化为数组

    laravel框架之数据库查出来的对象实现转化为数组

    今天小编就为大家分享一篇laravel框架之数据库查出来的对象实现转化为数组,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • Yii中CGridView禁止列排序的设置方法

    Yii中CGridView禁止列排序的设置方法

    这篇文章主要介绍了Yii中CGridView禁止列排序的设置方法,讲述了CGridView的功能及通过数组项sortable设置实现禁止排列功能的方法,需要的朋友可以参考下
    2016-07-07
  • PHP设计模式(七)组合模式Composite实例详解【结构型】

    PHP设计模式(七)组合模式Composite实例详解【结构型】

    这篇文章主要介绍了PHP设计模式:组合模式Composite,结合实例形式详细分析了PHP组合模式Composite基本概念、功能、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-05-05
  • 基于Zookeeper的使用详解

    基于Zookeeper的使用详解

    本篇文章介绍了,基于Zookeeper的使用说明,需要的朋友参考下
    2013-05-05
  • PHP利用百度ai实现文本和图片审核

    PHP利用百度ai实现文本和图片审核

    这篇文章主要介绍了PHP利用百度ai实现文本和图片审核,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05

最新评论