Ajax和PHP正則表達式驗證表單及驗證碼
更新時間：2016年09月24日 09:18:31 作者：島島狗
這篇文章主要介紹了Ajax和PHP正則表達式驗證表單及驗證碼的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
模式匹配符：
\：轉義字符 例如：\b轉義了b
^：正則表達式開始符號
$：正則表達式結束符號
*：匹配前面的字符出現(xiàn)0次或者n次
+：匹配前面的字符出現(xiàn)1次或者n次
?：匹配前面的字符出現(xiàn)0次或者1次
.：匹配除了換行符以外的所有單個字符
|：或者的意思，例如x|y 匹配x或者y
{n}：匹配前面的n個字符
{n,m}：匹配至少n個最多m個前面字符
[xyz]：匹配中括號里的任意一個字符
[^xyz]：匹配除了中括號里的任意一個字符等價于[0-9]
\w：匹配任意一個數(shù)字或字母或下劃線 等價于[A-Za-z0-9_]
\d：匹配任意一個0--9之間的數(shù)字
模式修正符：
i：忽略大小寫
常用正則表達式舉例：
//用戶名由6-18位的字母數(shù)字下劃線組成，不能由數(shù)字開頭
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位純數(shù)字";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");
}
*/
//連接數(shù)據(jù)庫
$link=mysql_connect('127.0.0.1','root','root')or die("連接失敗");
//選擇數(shù)據(jù)庫
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正則表達式驗證表單及驗證碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
關于laravel后臺模板laravel-admin select框的使用詳解
今天小編就為大家分享一篇關于laravel后臺模板laravel-admin select框的使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
Yii框架學習筆記之session與cookie簡單操作示例
這篇文章主要介紹了Yii框架學習筆記之session與cookie簡單操作,結合實例形式分析了Yii框架session與cookie的定義、設置、讀寫、刪除等簡單操作技巧,需要的朋友可以參考下2019-04-04
php的mkdir()函數(shù)創(chuàng)建文件夾比較安全的權限設置方法
這篇文章主要介紹了php的mkdir()函數(shù)創(chuàng)建文件夾比較安全的權限設置方法,遇到的情況是系統(tǒng)umask影響了mkdir的指定權限參數(shù)比期望要小,使用chmod函數(shù)則沒有這個問題,需要的朋友可以參考下2014-07-07
nginx安裝剛安裝好是不能訪問php文件的,需要我們進行配置,下面這篇文章主要給大家介紹了關于nginx簡單配置多個php服務的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了PHP循環(huán)結構實例講解,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了以實例全面講解PHP中多進程編程的相關函數(shù)的使用,包括對僵尸進程的處理等方面,極力推薦!需要的朋友可以參考下2015-08-08
這篇文章主要介紹了thinkPHP5.0框架環(huán)境變量配置方法,結合實例形式分析了thinkPHP5.0中環(huán)境變量的功能、定義、配置與相關注意事項,需要的朋友可以參考下2017-03-03
laravel框架中間件 except 和 only 的用法示例
這篇文章主要介紹了laravel框架中間件 except 和 only 的用法,簡單說明了中間件 except 和 only的功能,并結合實例形式分析了laravel框架中間件 except 和 only 相關使用技巧,需要的朋友可以參考下2019-07-07
利用PHP，將數(shù)據(jù)庫中的文章數(shù)據(jù)生成單個的HTML文檔。首先，有利于搜索引擎的收錄。其次，避免數(shù)據(jù)庫中的字段暴露在地址欄上，更安全2012-10-10
這篇文章主要介紹了Thinkphp3.2.3分頁使用實例，采取調用公共函數(shù)中的函數(shù)方法實現(xiàn)分頁，感興趣的小伙伴們可以參考一下2016-07-07