快捷導(dǎo)航

JS驗(yàn)證郵件地址格式方法小結(jié)

更新時(shí)間：2015年12月01日 10:11:51 作者：IsNull_Soft

這篇文章主要介紹了JS驗(yàn)證郵件地址格式方法,結(jié)合兩個(gè)實(shí)例形式分析了JavaScript基于正則表達(dá)式進(jìn)行郵件格式驗(yàn)證的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS驗(yàn)證郵件地址格式方法。分享給大家供大家參考，具體如下：

示例1：

復(fù)制代碼代碼如下:

<asp:TextBox ID="txt_Email" runat="server" onblur="checkRate(this.id)"></asp:TextBox>

function checkRate(input)
{
  var re = /^[_".0-9a-z-]+@([0-9a-z][0-9a-z-]+".){1,4}[a-z]{2,3}$/i;  
  var nubmer = document.getElementById(input).value;
   if (!re.test(nubmer))
  {
    alert("請(qǐng)輸入正確格式的郵件地址");
    document.getElementById(input).value = "";
    return false;
   }
}

示例2：

<script type="text/javascript">
function isValidMail() {
　　var TextVal = document.getElementById("TextBox1").value;
　　var Regex = /^(?:\w+\.?)*\w+@(?:\w+\.)*\w+$/;
　　if (Regex.test(TextVal)){
　　alert(true);
　　}
　　else {
　　if (TextVal == "") {
　　　　alert("請(qǐng)輸入電子郵件地址！！");
　　return false;
　　}
　　else {
　　alert("您好，你輸入不正確，請(qǐng)重新輸入；");
   document.getElementById("TextBox1").value = "";
　　return false;
　　　　}
　　}
}
</script>

復(fù)制代碼代碼如下:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>    

<asp:Button ID="Button3" runat="server" Text="Button"  OnClientClick="return isValidMail()" OnClick="Button3_Click" />

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法
這篇文章主要介紹了JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法,可實(shí)現(xiàn)彩色小球的碰撞效果,涉及隨機(jī)函數(shù)與頁(yè)面樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-05-05
Javascript 去除數(shù)組的重復(fù)元素
在js中，如何去除指定數(shù)組中的重復(fù)元素？
2010-05-05
js實(shí)現(xiàn)購(gòu)物車計(jì)算的方法
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)購(gòu)物車的計(jì)算方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
document.cookie 使用小結(jié)
這篇文章主要介紹了document.cookie 使用,主要包括cookie設(shè)置，修改cookie值及獲取cookie值的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2022-06-06
js代碼實(shí)現(xiàn)的加入收藏效果并兼容主流瀏覽器
這篇文章主要介紹了js代碼實(shí)現(xiàn)的加入收藏效果并兼容主流瀏覽器,需要的朋友可以參考下
2014-06-06
layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例
今天小編就為大家分享一篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
js獲取Get值的方法
這篇文章主要介紹了js獲取Get值的方法,涉及javascript正則及頁(yè)面參數(shù)操作相關(guān)技巧,需要的朋友可以參考下
2016-09-09
JavaScript 拖拽實(shí)例代碼
這篇文章主要介紹了JavaScript 拖拽實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-09-09
Bootstrap的基本應(yīng)用要點(diǎn)淺析
BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要寫簡(jiǎn)單的代碼就可以很快的搭建一個(gè)還不錯(cuò)的前端框架，他是后端程序員的福音，使他們只需要專注業(yè)務(wù)邏輯，而無(wú)須浪費(fèi)太多的精力在界面設(shè)計(jì)上
2016-12-12
BootStrap智能表單實(shí)戰(zhàn)系列(八)表單配置json詳解
這篇文章主要介紹了BootStrap智能表單實(shí)戰(zhàn)系列(八)表單配置json詳解的相關(guān)資料,本章節(jié)屬于高級(jí)部分，介紹一些表單中的配置知識(shí)，非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06