模式匹配符:
\:轉義字符 例如:\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郵箱地址
//[email protected]
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 >下面是一個例子:</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) "[email protected]" ["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正則表達式驗證表單及驗證碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對幫客之家網站的支持!