jQuery簡單實現(xiàn)驗證郵箱格式
更新時間：2015年07月15日 11:41:49 投稿：hebedich
這篇文章主要介紹了jQuery簡單實現(xiàn)驗證郵箱格式的相關(guān)資料,需要的朋友可以參考下
在表單提交的時候可能需要用到郵箱驗證代碼，代碼比較簡單，就是郵箱格式的判斷，如果說有難點可能就是關(guān)于正則表達(dá)式的使用，這里就不多說了，大家可以自行查詢，下面就給出一段可以使用的驗證代碼，復(fù)制黏貼即可。
代碼實例如下:
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bt").click(function(){
if($("#email1").val()=="")
{
alert("郵箱不能為空");
return false;
}
var email=$("#email1").val();
if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
{
alert("格式不正確！請重新輸入");
$("#email1").focus();
}
})
})
</script>
</head>
<body>
<form action="#">
<input type="text" id="email1">
<input type="button" value="提交" id="bt">
</form>
以上代碼實現(xiàn)了簡單的郵箱驗證，代碼賦值黏貼后即可使用。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
我們看到很多網(wǎng)站會有有錯誤404頁面，當(dāng)頁面不存存時就會提示，然后過幾秒就會自動跳到首頁了，下面我來給大家舉一個404錯誤頁面跳到首頁實例，有需要的朋友可以參考一下2013-08-08
關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧
本篇文章介紹了，關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧。需要的朋友參考下2013-04-04
jQuery實現(xiàn)兩列等高并自適應(yīng)高度
想要使用jQuery實現(xiàn)兩列等高并自適應(yīng)高度，其實也很簡單，原理就是取得左右兩邊的高度，然后判斷這個值，把大的值賦給小的就行了。下面就跟小編一起來看下吧2016-12-12
Jquery 自定義事件實現(xiàn)發(fā)布/訂閱的簡單實例
下面小編就為大家?guī)硪黄狫query 自定義事件實現(xiàn)發(fā)布/訂閱的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
今天看到j(luò)avaeye上有人使用了jqGrid實現(xiàn)了數(shù)據(jù)的分頁，參考它的代碼，實現(xiàn)了這個功能，搬出來曬曬，作為自己以后學(xué)習(xí)的資料2011-11-11
這篇文章主要介紹了jQuery基于Ajax方式提交表單功能,結(jié)合實例形式分析了jQuery使用ajax方式提交表單的具體步驟與常見操作技巧,需要的朋友可以參考下2017-02-02
實例講解jquery中mouseleave和mouseout的區(qū)別
這篇文章主要以實例詳細(xì)講解了jquery中mouseleave和mouseout的區(qū)別，模仿下拉框效果，感興趣的小伙伴們可以參考一下2016-02-02
基于jquery實現(xiàn)人物頭像跟隨鼠標(biāo)轉(zhuǎn)動
一款非常乖巧的人物頭像跟隨鼠標(biāo)轉(zhuǎn)動效果，在瀏覽器屏幕內(nèi)，人物臉龐始終面向鼠標(biāo)轉(zhuǎn)動，本篇文章給大家介紹基于jquery實現(xiàn)人物頭像跟隨鼠標(biāo)轉(zhuǎn)動，有需要的朋友可以參考下2015-08-08
在jQuery 中$("<span>")，這個語法等同于$(document.createElement("span")) ，這是一種用法2011-04-04
本篇文章主要介紹了jQuery之動畫效果，詳細(xì)的介紹了各種動畫特效的用法，有需要的可以了解一下。2016-11-11