jquery使用正則表達(dá)式驗證email地址的方法
更新時間：2015年01月22日 09:16:09 投稿：shichen2014
這篇文章主要介紹了jquery使用正則表達(dá)式驗證email地址的方法,以實例形式分析了正則表達(dá)式的使用技巧,需要的朋友可以參考下
本文實例講述了jquery使用正則表達(dá)式驗證email地址的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<html>
<head>
<title>jquery使用正則表達(dá)式驗證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á)式驗證email地址</h5>
輸入Email地址：<input type="text" name="email" /><input type="text" name="check" style="border-width:0px;color:red" />
</body>
</html>
<head>
<title>jquery使用正則表達(dá)式驗證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á)式驗證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è)計有所幫助。
您可能感興趣的文章:
- jQuery基于正則表達(dá)式的表單驗證功能示例
- 詳解jquery validate實現(xiàn)表單驗證 （正則表達(dá)式）
- jquery正則表達(dá)式驗證（手機(jī)號、身份證號、中文名稱）
- Jquery Validate 正則表達(dá)式實用驗證代碼大全
- jQuery如何用正則表達(dá)式驗證手機(jī)號、身份證號、中文名稱
- jQuery驗證手機(jī)號郵箱身份證的正則表達(dá)式（含港澳臺）
- jquery中郵箱地址 URL網(wǎng)站地址正則驗證實例代碼
- 利用jquery正則表達(dá)式在頁面驗證url網(wǎng)址輸入是否正確
- jQuery正則驗證注冊頁面經(jīng)典實例
- jQuery使用正則驗證15/18身份證的方法示例
- jQuery實現(xiàn)驗證表單密碼一致性及正則表達(dá)式驗證郵箱、手機(jī)號的方法
相關(guān)文章
jQuery UI Dialog 創(chuàng)建友好的彈出對話框?qū)崿F(xiàn)代碼
jQuery UI Dialog是jQuery UI的彈出對話框組件，使用它可以創(chuàng)建各種美觀的彈出對話框；它可以設(shè)置對話框的標(biāo)題、內(nèi)容，并且使對話框可以拖動、調(diào)整大小、及關(guān)閉；平常主要用來替代瀏覽囂自帶的alert、confirm、open等方法2012-04-04
這篇文章主要介紹了jQuery 跨域訪問解決原理案例詳解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
前天在項目中寫的一個ajax jsonp的使用，出現(xiàn)了問題：可以成功獲得請求結(jié)果，但沒有執(zhí)行success方法2011-10-10
jquery 模擬類搜索框自動完成搜索提示功能(改進(jìn))
改進(jìn)版,支持多個輸入框!前面因為多個輸入框信息不好保存所以只能支持一個,現(xiàn)在用輸入框的alt屬性來保存修改前的內(nèi)容,所以能支持多個輸入框了.初步測試沒發(fā)現(xiàn)問題,歡迎大家一起測試改進(jìn)!!!2010-05-05
這篇文章主要為大家詳細(xì)介紹了jquery zTree異步加載簡單實例，ztree采用了延遲加載技術(shù)，上萬節(jié)點輕松加載，即使在 IE6 下也能基本做到秒殺，感興趣的小伙伴們可以參考一下2016-02-02
jquery.validate自定義驗證用法實例分析【成功提示與擇要提示】
這篇文章主要介紹了jquery.validate自定義驗證用法,結(jié)合實例形式分析了jQuery成功提示與擇要提示驗證操作相關(guān)實現(xiàn)與使用技巧,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了jQuery中:gt選擇器用法,實例分析了:gt選擇器的功能、定義及匹配大于給定索引值元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
本篇文章小編將為大家介紹，基于jQuery中對數(shù)組進(jìn)行操作的方法。有需要的朋友可以參考一下2013-04-04
本文將介紹基于jquery庫的tab新形式使用,需要的朋友可以參考下2012-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery布局組件EasyUI Layout的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02