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

(0)

相关推荐

  • PHP正则表达式抓取某个标签的特定属性值的方法

    php正则学了一些日子,抓了一些网站的数据,从而发现每次都自己写正则重新抓很麻烦,于是就想写一个抓取特定标签具有特定属性值的接口通用,直接上代码. //$html-被查找的字符串 $tag-被查找的标签 $attr-被查找的属性名 $value-被查找的属性值 function get_tag_data($html,$tag,$attr,$value){ $regex = "/<$tag.*?$attr=\".*?$value.*?\".*?>(.*?)<\

  • PHP利用正则表达式实现手机号码中间4位用星号(*)替换显示功能

    因为需要为客户保持隐私,所以手机号码不能完全显示在网站上,但是又不能不显示,所以就很多网站想到了显示但是不完整显示,在上面用星号替换部分显示,其实做到这个很简单,用正则替换显示其中的一部分即可. Method 1: function hidtel($phone){ $IsWhat = preg_match('/(0[0-9]{2,3}[\-]?[2-9][0-9]{6,7}[\-]?[0-9]?)/i',$phone); //固定电话 if($IsWhat == 1){ return preg_

  • php使用正则表达式获取字符串中的URL

    今天写一个问答系统上线之后发现有很多人发链接了,由于业务部门要我们过滤掉网站地址了,下面我给大家分享一个提取字符串url地址函数,代码如下: $str ='本文实例讲述了php匹配字符串里所有URL地址的方法.http://www.manongjc.com 分享给大家供大家参考'; preg_match_all("/http:[\/]{2}[a-z]+[.]{1}[a-z\d\-]+[.]{1}[a-z\d]*[\/]*[A-Za-z\d]*[\/]*[A-Za-z\d]*/",$st

  • 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:匹配任意一个数字或字母或下划线 等价于

  • Ajax带提示的验证表单实例

    本文实例讲述了Ajax带提示的验证表单.分享给大家供大家参考.具体如下: 这是一个常用的Ajax表单验证程序,实时提示你输入的字符是否符合要求,简洁明快,便于修改,这是用JavaScript实现的,没有掺杂其它的框架类代码,因此比较实用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ajax-table-check-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

  • js正则表达式验证表单【完整版】

    效果图: 图(1)初始图 图(2)填入信息校验 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>完整验证表单</title> <style type="text/css"> *{margin: 0;padding: 0;list-style:none;} bod

  • jQuery基于正则表达式的表单验证功能示例

    本文实例讲述了jQuery基于正则表达式的表单验证功能.分享给大家供大家参考,具体如下: <!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"> &l

  • jquery validate和jquery form 插件组合实现验证表单后AJAX提交

    要实现表单验证和无刷新提交表单我们可以使用jQuery的两个很好用的插件--jquery validate.js 和 jquery form.js.具体详细说明情况下文. 1.jQuery validate.js,它说白了就是一个很高尚的人为我们写好了各种表单的验证,不用我们这些童鞋去现写了,一天天的多累啊,呵呵. 2.jQuery form.js,"这个插件能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单. 插件里面主要的方法, ajaxForm 和 ajaxSubmi

  • Ajax提交表单时验证码自动验证 php后端验证码检测

    本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> <head> <title>验证码提交自验证</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta htt

  • jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法

    本文实例讲述了jQuery实现验证表单密码一致性及正则表达式验证邮箱.手机号的方法. jQuery 脚本 <script type="text/javascript"> function check_password() { if ($("#password").val() != $("#checkPWD").val()){ alert("请保证两次输入密码的一致性!"); $("#checkPWD&qu

  • jquery实现简易的移动端验证表单

    验证是否显示红色的提交按钮 bindBlur:function(){//jquery多级验证表单 var n = $('#item_name'); var p = $('#price'); var r = $('#reserve'); show(velidate());//页面加载之后先进行一次验证 //分别对三个需要验证的字段进行验证绑定,这里也可以写成一句代码 //$('#item_name','#price',$('#reserve')).on({blur:function(){show(

  • 运用jQuery写的验证表单(实例讲解)

    //运用jQuery写的验证表单 <!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"> <head> <meta http-equ

  • jQuery验证表单格式的使用方法

    工作之余整理一些工作中编写的代码,记录自己工作中的技术要点,便于自己记忆已经整合.以下是关于此jQuery验证的一些标记以及使用方法: 整个js代码都放入jquery_validate_1.1.0.js中,通过一个匿名函数,jQuery的扩展方法,扩展方法为:initValidate函数,方法中带一个options配置参数,目前配置参数只有一个属性,{handlerUrl:""},提供是否需要后台请求验证的url地址.只需要对取验证的DOM绑定$("ID").ini

随机推荐