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