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