js正則表達(dá)式驗(yàn)證郵件地址
更新時(shí)間：2015年11月12日 14:32:23 作者：葉劍飛Victor
這篇文章主要介紹了js正則表達(dá)式驗(yàn)證郵件地址，利用javaScript語言實(shí)現(xiàn)一下電子郵件地址驗(yàn)證程序，使用的是JavaScript語言的正則表達(dá)式庫，感興趣的小伙伴們可以參考一下
我們最經(jīng)常遇到的驗(yàn)證，就是電子郵件地址驗(yàn)證。網(wǎng)站上常見。各種網(wǎng)頁腳本也都常用“正則表達(dá)式”（regular expression）對(duì)我們輸入的電子郵件地址進(jìn)行驗(yàn)證，判斷是否合法。有的還能分解出用戶名和域名。現(xiàn)在用JavaScript語言實(shí)現(xiàn)一下電子郵件地址驗(yàn)證程序，用的是JavaScript語言的正則表達(dá)式庫。
效果圖：
不合法的情況：
合法的情況：
源代碼如下，該網(wǎng)頁已在IE、Firefox、Chrome上驗(yàn)證通過：
<!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" lang="zh" xml:lang="zh">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>電子郵件地址驗(yàn)證程序</title>
<script language="javascript" type="text/javascript">
//<![CDATA[
function check( email_address )
{
var regex = /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g;
if ( regex.test( email_address ) )
{
var user_name = email_address.replace( regex, "$1" );
var domain_name = email_address.replace( regex, "$2" );
var alert_string = "您輸入的電子郵件地址合法\n\n";
alert_string += "用戶名：" + user_name + "\n";
alert_string += "域名：" + domain_name;
window.alert( alert_string );
return true;
}
else
{
window.alert( "您輸入的電子郵件地址不合法" );
return false;
}
}
//]]>
</script>
</head>
<body style="text-align: center;">
<h1>電子郵件地址驗(yàn)證程序</h1>
請(qǐng)輸入電子郵件地址：<input id="email_address" type="text" style="width: 300px;" /><br />
<input type="button" value="驗(yàn)證電子郵件地址" onclick="return check(document.getElementById('email_address').value);" />
</body>
</html>
以上就是為大家分享的js正則表達(dá)式驗(yàn)證郵件地址，希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
通過JS和PHP兩種方法判斷用戶請(qǐng)求時(shí)使用的瀏覽器類型
在做微站點(diǎn)項(xiàng)目開發(fā)的時(shí)候，我們需要判斷當(dāng)前瀏覽器類型是什么。接下來小編給大家分享通過JS和PHP兩種方法判斷用戶請(qǐng)求時(shí)使用的瀏覽器類型，非常不錯(cuò)，感興趣的朋友一起學(xué)習(xí)吧2016-09-09
微信小程序網(wǎng)絡(luò)請(qǐng)求實(shí)現(xiàn)過程解析
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
javascript實(shí)現(xiàn)簡(jiǎn)單倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了HTML5實(shí)現(xiàn)微信拍攝上傳照片功能，實(shí)現(xiàn)HTML5 Canvas手機(jī)拍攝，本地壓縮上傳圖片時(shí)遇到問題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
uniapp使用H5調(diào)試時(shí)跨域問題解決
本文主要介紹了uniapp使用H5調(diào)試時(shí)跨域問題解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
網(wǎng)站繁簡(jiǎn)切換的JS遇到頁面卡死的解決方法
最近開發(fā)了繁體版本的網(wǎng)站，在網(wǎng)上找了一段比較流行的繁簡(jiǎn)切換的JS實(shí)現(xiàn)了，不過后來卻發(fā)現(xiàn)，有些頁面會(huì)卡死，針對(duì)這個(gè)問題，下面有個(gè)不錯(cuò)的解決方法2014-03-03
這篇文章主要介紹了javascript算法之二叉搜索樹的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
最近看到一些面試的回顧,不少有被面試官問到談?wù)凧S垃圾回收機(jī)制,下面這篇文章主要給大家介紹了關(guān)于js引擎垃圾回收機(jī)制的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
深入淺析JavaScript的API設(shè)計(jì)原則
這篇文章主要介紹了JavaScript的API設(shè)計(jì)原則，包括接口的流暢性，一致性，參數(shù)的處理，可擴(kuò)展性，對(duì)錯(cuò)誤的處理，可預(yù)見性，注釋和文檔的可讀性，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
基于HTML模板和JSON數(shù)據(jù)的JavaScript交互(移動(dòng)端)
這篇文章主要介紹了基于HTML模板和JSON數(shù)據(jù)的JavaScript交互(移動(dòng)端)的相關(guān)資料,需要的朋友可以參考下2016-04-04