首頁 > web前端 > js教程 > JavaScript常用驗證函數實例總結_javascript技巧

JavaScript常用驗證函數實例總結_javascript技巧

WBOY
發布: 2016-05-16 16:30:16
原創
1402 人瀏覽過

本文實例匯總了JavaScript常用驗證函數。分享給大家供大家參考。具體匯總如下:

一、字串類別驗證

1. 長度限制

複製程式碼 程式碼如下:
<script><br /> function test()<br /> {<br /> if(document.a.b.value.length>50)<br /> {<br /> alert("不能超過50個字!");<br /> document.a.b.focus();<br /> return false;<br /> }<br /> }<br /> </script>



2. 只能是漢字

複製程式碼 程式碼如下:

3." 只能是英文

複製程式碼 程式碼如下:

4. 只能是數字

複製程式碼 程式碼如下:

5. 只能是英文字元和數字

複製程式碼 程式碼如下:

6. 驗證信箱格式

複製程式碼 程式碼如下:

7. 屏蔽關鍵字(這裡屏蔽***和****)

複製程式碼 程式碼如下:




8. 兩次輸入密碼是否相同

複製代碼 代碼如下:





<script><br /> function check()<br /> {<br /> with(document.all){<br /> if(input1.value!=input2.value)<br /> {<br /> alert("false")<br /> input1.value = "";<br /> input2.value = "";<br /> }<br /> else document.forms[0].submit();<br /> }<br /> }<br /> </script>

9. 屏蔽右鍵 很酷!

複製程式碼

程式碼如下:

oncontextmenu="return false" ondstart="return false" 加在body


二、表單驗證

複製程式碼


程式碼如下:

return true; }

-->

複製程式碼


程式碼如下:

return true; }

-->

複製程式碼


程式碼如下:

return true; }

-->

複製程式碼


程式碼如下:

return true; }

//-->

複製程式碼 程式碼如下:


腳本>

6 限定表單項目不能輸入的字元

複製程式碼程式碼如下:

三、其他驗證:

1. 檢查一段字串是否全由數字組成

複製程式碼以下程式碼:
function checkNum(str){return str.match(//D/)==null}
警報(checkNum(“1232142141”))
警報(checkNum(“123214214a1”))
// -->

 
2.如何判斷是否為字符
複製程式碼如下程式碼:
if (/[^/x00-/xff]/g.test(s) )alert("含有漢字");
elsealert("全是字元");

 
3. 如何判斷是否含有漢字  
複製程式碼如下程式碼:
if (escape(str).indexOf("%u")!=-1 )alert("含有漢字");
elsealert("全是字元");

   
4. 郵箱格式驗證   
複製程式碼如下程式碼:
//函式名稱:chkemail
//功能介紹:檢查是否為Email位址
//參數說明:要檢查的字串
//傳回值:0:不是 1:是
函數 chkemail(a)
{ var i=a.length;
var temp = a.indexOf('@');
var tempd = a.indexOf('.');
if (溫度 > 1) {
if ((i-temp) > 3){
if ((i-tempd)>0){
回傳 1;
}
}
}
回傳 0;
}

   
5. 數位格式驗證   
複製程式碼 程式碼如下:
//函式名稱:fucCheckNUM
//功能介紹:檢查是否為數字
//參數說明:要檢查的數字
//傳回值:1為是數字,0為不是數字
function fucCheckNUM(NUM)
{
var i,j,strTemp;
strTemp="0123456789";
if ( NUM.length== 0)
return 0
for (i=0;i {
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1)
{
//說明有字元不是數字
return 0;
}
}
//說明是數字
return 1;
}

   
6. 電話號碼格式驗證   
複製程式碼 程式碼如下:
//函式名稱:fucCheckTEL
//功能介紹:檢查是否為電話號碼
//參數說明:要檢查的字串
//傳回值:1為是合法,0為不合法
function fucCheckTEL(TEL)
{
var i,j,strTemp;
strTemp="0123456789-()# ";
for (i=0;i {
j=strTemp.indexOf(TEL.charAt(i));
if (j==-1)
{
//說明有字元不合法
return 0;
}
}
//說明合法
return 1;
}

  
7. 判斷輸入是否為中文的函數  
複製程式碼 程式碼如下:
function ischinese(s){  
var ret=true;  
for(var i=0;i ret=ret && (s.charCodeAt(i)>=10000);  
return ret;  
}

  
8. 綜合的判斷使用者輸入的合法性的函數 
複製程式碼 程式碼如下:

 
9. 判斷密碼是否輸入一致 
複製程式碼 程式碼如下:
function issame(str1,str2) 

if (str1==str2) 
{return(true);} 
else 
{return(false);} 
}

 
10. 判斷使用者名稱是否為數字字母下滑線
複製程式碼 程式碼如下:
function notchinese(str){
var reg=/[^A-Za-z0-9_]/g
   if (reg.test(str)){
   return (false);
   }else{
return(true);   }
}

11. form文本域的通用校驗函數
 
作用:偵測所有必須非空的input文本,例如姓名,帳號,郵件地址等等。
該校驗現在只針對文字域,如果要針對form裡面的其他域對象,可以改變判斷條件。

使用方法:在要偵測的文字域中加入title文字。文字是在提示訊息,你要提示給使用者的該欄位的中文名。例如要偵測使用者名稱
html如下,當然,最好用視覺化工具例如dreamweaver什麼的來編輯網域。
如果要偵測數字類型資料的話,再把域的id統一為sz.
javascript判斷日期類型比較麻煩,所以就沒有做日期類型校驗的程序了.高手可以補充。

程式比較草,只是提供一個想法。拋磚引玉! :)
哦,對了,函數呼叫方法:

複製程式碼 程式碼如下:
function dovalidate()
{
fm=document.forms[0] //只偵測一個form,如果是多個可以改變判斷條件
   for(i=0;i    { 
   //偵測判斷條件,依類型不同可以修改
   if(fm.tagName.toUpperCase()=="INPUT" &&fm.type.toUpperCase()=="TEXT" && (fm.title!=""))
   
   if(fm.value="/blog/="")//
   {
   str_warn1=fm.title "不能為空!";
   alert(str_warn1);
  fm.focus();
   return false;   
   }
   if(fm.id.toUpperCase()=="SZ")//數位校驗
   {
 if(isNaN(fm.value))
{ str_warn2=fm.title "格式不對";
alert(str_warn2);
fm.focus();
 return false;
 }
  }
   }
   return true;
}

12. 驗證radio是否選擇

複製程式碼 程式碼如下:


   
   
   

希望本文所述對大家基於javascript的web程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板