jquery使用正則表達(dá)式驗(yàn)證email地址的方法

更新時(shí)間：2015年01月22日 09:16:09 投稿：shichen2014

這篇文章主要介紹了jquery使用正則表達(dá)式驗(yàn)證email地址的方法,以實(shí)例形式分析了正則表達(dá)式的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jquery使用正則表達(dá)式驗(yàn)證email地址的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html>

<head>

<title>jquery使用正則表達(dá)式驗(yàn)證email地址</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $(":input[name='email']").blur(function(){

   var email = $(this).val();

   var reg = /\w+[@]{1}\w+[.]\w+/;

   if(reg.test(email)){

    $(":input[name='check']").val("email合法");

   }else{

    $(":input[name='check']").val("請輸入正確的email地址");

   }

  });

 });

</script>

<style type="text/css">

h5{color:blue;}

</style>

</head>

<body>

<h5>jquery使用正則表達(dá)式驗(yàn)證email地址</h5>

輸入Email地址：<input type="text" name="email" /><input type="text" name="check" style="border-width:0px;color:red" />

</body>

</html>

PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：

JavaScript正則表達(dá)式在線測試工具：
http://tools.jb51.net/regex/javascript

正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg

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

您可能感興趣的文章:

相關(guān)文章

passwordStrength 基于jquery的密碼強(qiáng)度檢測代碼使用介紹
我們設(shè)定密碼強(qiáng)度等級為10，制作一張圖片表示每個(gè)等級狀態(tài)，給密碼框綁定keyup事件，通過keyup事件獲取密碼值，然后使用正則進(jìn)行判斷密碼強(qiáng)度等級，然后變換相應(yīng)的圖片
2011-10-10
jQuery中:enabled選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:enabled選擇器用法,實(shí)例分析了:enabled選擇器的功能、定義及選取所有可用元素的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery1.9+中刪除了live以后的替代方法
這篇文章主要介紹了jQuery1.9+中刪除了live以后的替代方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
JQuery的AJAX實(shí)現(xiàn)文件下載的小例子
JQuery的ajax函數(shù)的返回類型只有xml、text、json、html等類型，沒有“流”類型，所以我們要實(shí)現(xiàn)ajax下載，不能夠使用相應(yīng)的ajax函數(shù)進(jìn)行文件下載。但可以用js生成一個(gè)form，用這個(gè)form提交參數(shù)，并返回“流”類型的數(shù)據(jù)。在實(shí)現(xiàn)過程中，頁面也沒有進(jìn)行刷新
2013-05-05
jQuery中delegate和on的用法與區(qū)別詳細(xì)解析
本篇文章主要是對jQuery中delegate和on的用法與區(qū)別進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
jquery scrollTop方法根據(jù)滾動像素顯示隱藏頂部導(dǎo)航條
使用jquery的scrollTop方法監(jiān)視頁面垂直滾動像素，并根據(jù)像素隱藏或者顯示頂部的導(dǎo)航條，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈
2013-05-05
jquery捕捉回車鍵及獲取checkbox值與異步請求的方法
這篇文章主要介紹了jquery捕捉回車鍵及獲取checkbox值與異步請求的方法,實(shí)例分析了jQuery針對回車鍵的捕捉,checkbox值的獲取以及異步請求的響應(yīng)等相關(guān)技巧,需要的朋友可以參考下
2015-12-12
解決easyui日期時(shí)間框ie的兼容的問題
下面小編就為大家分享一篇解決easyui日期時(shí)間框ie的兼容的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
用js實(shí)現(xiàn)的模擬jquery的animate自定義動畫(2.5K)
模仿jquery的animate寫了一個(gè)簡單的動畫實(shí)現(xiàn)方法。
2010-07-07
淺談jQuery 中的事件冒泡和阻止默認(rèn)行為
下面小編就為大家?guī)硪黄獪\談jQuery 中的事件冒泡和阻止默認(rèn)行為。小編舉得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05