<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)文章

jQuery自動切換/點擊切換選項卡效果的小例子
我們看到很多網(wǎng)站會有有錯誤404頁面，當(dāng)頁面不存存時就會提示，然后過幾秒就會自動跳到首頁了，下面我來給大家舉一個404錯誤頁面跳到首頁實例，有需要的朋友可以參考一下
2013-08-08
關(guān)于jQuery新的事件綁定機制on()的使用技巧
本篇文章介紹了，關(guān)于jQuery新的事件綁定機制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
jQuery中jqGrid分頁實現(xiàn)代碼
今天看到j(luò)avaeye上有人使用了jqGrid實現(xiàn)了數(shù)據(jù)的分頁，參考它的代碼，實現(xiàn)了這個功能，搬出來曬曬，作為自己以后學(xué)習(xí)的資料
2011-11-11
jQuery基于Ajax方式提交表單功能示例
這篇文章主要介紹了jQuery基于Ajax方式提交表單功能,結(jié)合實例形式分析了jQuery使用ajax方式提交表單的具體步驟與常見操作技巧,需要的朋友可以參考下
2017-02-02
實例講解jquery中mouseleave和mouseout的區(qū)別
這篇文章主要以實例詳細講解了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中$之選擇器用法介紹
在jQuery 中$("<span>")，這個語法等同于$(document.createElement("span")) ，這是一種用法
2011-04-04
jQuery之動畫效果大全
本篇文章主要介紹了jQuery之動畫效果，詳細的介紹了各種動畫特效的用法，有需要的可以了解一下。
2016-11-11