JavaScript驗證Email(3種方法)
更新時間：2015年09月21日 12:03:37 投稿：lijiao
這篇文章主要介紹了JavaScript驗證Email的3種方法，需要的朋友可以參考下
今天為大家推薦三種JavaScript驗證Email方法，希望對大家的學習有所幫助。
第一種：javascript驗證郵箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
第二種：用Javascript驗證email填寫是否正確
<html>
<head>
<title>test</title>
<script language="javascript">
function emailCheck () {
var emailStr=document.all.form1.tel.value;
alert(emailStr);
var emailPat=/^(.+)@(.+)$/;
var matchArray=emailStr.match(emailPat);
if (matchArray==null) {
alert("電子郵件地址必須包括 ( @ 和 . )")
return false;
}
return true;
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="tel"/>
<input type="button" value="press" onclick="emailCheck()"/>
</form>
</span>
</body>
</html>
第三種：js驗證Email
function char_test(chr)
//字符檢測函數(shù)
{
var i;
var smallch="abcdefghijklmnopqrstuvwxyz";
var bigch="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
for(i=0;i<26;i++)
if(chr==smallch.charAt(i) || chr==bigch.charAt(i))
return(1);
return(0);
}
function spchar_test(chr)
//數(shù)字和特殊字符檢測函數(shù)
{
var i;
var spch="_-.0123456789";
for (i=0;i<13;i++)
if(chr==spch.charAt(i))
return(1);
return(0);
}
function email_test(str)
{
var i,flag=0;
var at_symbol=0;
//“@”檢測的位置
var dot_symbol=0;
//“.”檢測的位置
if(char_test(str.charAt(0))==0 )
return (1);
//首字符必須用字母
for (i=1;i<str.length;i++)
if(str.charAt(i)=='@')
{
at_symbol=i;
break;
}
//檢測“@”的位置
if(at_symbol==str.length-1 || at_symbol==0)
return(2);
//沒有郵件服務(wù)器域名
if(at_symbol<3)
return(3);
//帳號少于三個字符
if(at_symbol>19 )
return(4);
//帳號多于十九個字符
for(i=1;i<at_symbol;i++)
if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0)
return (5);
for(i=at_symbol+1;i<str.length;i++)
if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0)
return (5);
//不能用其它的特殊字符
for(i=at_symbol+1;i<str.length;i++)
if(str.charAt(i)=='.') dot_symbol=i;
for(i=at_symbol+1;i<str.length;i++)
if(dot_symbol==0 || dot_symbol==str.length-1)
//簡單的檢測有沒有“.”，以確定服務(wù)器名是否合法
return (6);
return (0);
//郵件名合法
}
以上就是JavaScript驗證Email方法，大家學會了嗎？
相關(guān)文章
JS+CSS制作DIV層可(最小化/拖拽/排序)功能實現(xiàn)代碼
DIV層最小化和隨意拖拽排序，很多的愛好者都想實現(xiàn)這個功能，小編整理搜集了一下，希望本文的知識點可以幫助到你2013-02-02
Bootstrap是Twitter推出的一個用于前端開發(fā)的開源工具包。它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā)，是一個CSS/HTML框架。它使用了流行的瀏覽器技術(shù)，給web開發(fā)提供了時尚的版式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。2015-06-06
當在使用流程的時候，比如有一個審核流程，有三個階段：開始，審核中，審核成功。當在不同的階段，做相應的進度顯示，當顯示時，是以動畫的形式顯示的。下面通過代碼給大家介紹JS實現(xiàn)帶動畫效果的流程進度條，感興趣的朋友一起看看吧2018-06-06
JavaScript數(shù)組實現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊列與堆棧
這篇文章主要介紹了JavaScript數(shù)組實現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊列與堆棧的相關(guān)資料,需要的朋友可以參考下2016-05-05
TypeScript裝飾器與反射元數(shù)據(jù)實例詳解
TypeScript的裝飾器為我們提供了一種強大的工具,可以在運行時改變類的行為,通過理解裝飾器的工作原理,我們可以創(chuàng)造更加強大、靈活且易于維護的應用,這篇文章主要介紹了TypeScript裝飾器與反射元數(shù)據(jù),需要的朋友可以參考下2023-09-09
我們很容易被漂亮的代碼吸引，也不知不覺的在自己的代碼庫中加入這些。卻沒有冷靜的想過它們的優(yōu)劣。這不，我就收集了一系列形如 是否為……？ 的判斷的boolean函數(shù)2012-08-08
這篇文章主要給大家介紹了關(guān)于ES6小技巧之代替lodash的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用ES6具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
base64 其實是一種編碼轉(zhuǎn)換方式, 將 ASCII 字符轉(zhuǎn)換成普通文本, 是網(wǎng)絡(luò)上最常見的用于傳輸8Bit字節(jié)代碼的編碼方式之一。這篇文章重點給大家介紹JavaScript中關(guān)于base64的一些事，感興趣的朋友跟隨小編一起看看吧2019-05-05
Web Worker 是一種在后臺線程中運行的 JavaScript 腳本,允許我們在不阻塞主線程的情況下執(zhí)行復雜計算或處理,Worker 加載的 JS 腳本如果存在跨域問題,可能導致腳本無法正常加載和執(zhí)行,以下是解決 Worker 加載 JS 腳本跨域問題的幾種方法,需要的朋友可以參考下2025-02-02
深入理解JavaScript系列（15） 函數(shù)（Functions）
本章節(jié)我們要著重介紹的是一個非常常見的ECMAScript對象——函數(shù)（function),我們將詳細講解一下各種類型的函數(shù)是如何影響上下文的變量對象以及每個函數(shù)的作用域鏈都包含什么，以及回答諸如像下面這樣的問題：下面聲明的函數(shù)有什么區(qū)別么2012-04-04