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

时间: 2024-10-24 18:12:45

Ajax和PHP正则表达式验证表单及验证码的相关文章

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

Ajax带提示的验证表单实例

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

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

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

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

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

validator-Validator验证表单,jqueryUI spinner控件值无法验证通过的

问题描述 Validator验证表单,jqueryUI spinner控件值无法验证通过的 在表单中试用了jqueryUI中的spinner ,表单使用jquery插件 formvalidate验证.当提交表单时会验证,在验证失败的控件上显示红叉.而当再次输入正确的值时该红叉会变为对号.在spinner中写值,直接提交空表.spinner控件上报红叉,该空间验证了不为空.可当通过spinner上的按钮给spinner赋值,spinner的验证还是失败.必须手写输入才行. 验证失败后点击spinn

ajax-easyui 怎么用js验证表单 输入的是否正确。

问题描述 easyui 怎么用js验证表单 输入的是否正确. 增加一个用户,用身份证号验证唯一性,增加和修改用同一个表单提交的. 怎么用ajax验证是否已经存在相同的身份证号码,增加的时候可以验证,但是修改是也会验证, 但是,会数据库已经存在了.所有验证通不过,表单不能正常提交. 我的方法: http://star77266989.iteye.com/blog/2192022 解决方案 参考:http://www.w3cschool.cc/jeasyui/jeasyui-form-form3.h

AJAX PHP无刷新form表单提交的简单实现(推荐)_php实例

ajax.php: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <script language="javascript"> function saveUserInfo() { //获取

jQuery validate 插件验证表单使用例子

之前曾用过jQuery validator做过一些项目,但是最近又重新拾起,发现功能上升级了,一些之前的使用方法已经在报错了,于是乎再重新整理一篇博客汇总一下最新的jQuery form validate 使用教程. jQuery validate 使用方法 其中我们经常要用户表单提交事件,表单元素失去焦点后的验证事件,错误显示的方法,验证表单rules规则,验证表单rules规则对应的消息.  代码如下 复制代码 jQuery(document).ready(function ($) {