快捷導(dǎo)航

jQuery判斷郵箱格式對(duì)錯(cuò)實(shí)例代碼講解

更新時(shí)間：2017年04月12日 09:13:10 作者：{}

本文通過(guò)實(shí)例代碼給大家講解了基于jquery判斷郵箱格式對(duì)錯(cuò)，非常實(shí)用，具有參考借鑒價(jià)值，需要的的朋友參考下吧

廢話不多說(shuō)了，具體代碼如下所示；

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>檢測(cè)Email地址格式是否正確</title>
   <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
  <input type="text" id="emailname">
  <input type="submit" value="檢測(cè)Email地址格式是否正確" class="is-email">
  <script type="text/javascript">
  $(".is-email").click(function(){
    var email = $("#emailname").val();
    if(email == ''){
       alert("請(qǐng)輸入您的郵箱");
       return;
    }else if(email != "") {
      var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
      isok= reg.test(email );
      if (!isok) {
        alert("郵箱格式不正確，請(qǐng)重新輸入！");
        return false;
      }
    };
    alert("ok 輸入正確");
  });
  </script>
</body>
</html>

以上所述是小編給大家介紹的jQuery判斷郵箱格式對(duì)錯(cuò)實(shí)例代碼講解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jQuery圖片輪播的具體實(shí)現(xiàn)
之前有碰到過(guò)jQuery實(shí)現(xiàn)列表自動(dòng)滾動(dòng)，這次的圖片輪播在原理上與之相同，只有一些細(xì)微的差別，就是需要在圖片的右下角顯示當(dāng)前圖片的序號(hào)
2013-09-09
jQuery實(shí)現(xiàn)的可編輯表格完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的可編輯表格,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式與屬性的相關(guān)技巧,需要的朋友可以參考下
2016-06-06
jQuery遍歷Form示例代碼
取得id為form1的form的所有輸入變量，然后使用for循環(huán)進(jìn)行數(shù)組遍歷，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
2013-09-09
jquery動(dòng)態(tài)改變div寬度和高度
這篇文章主要介紹了jquery動(dòng)態(tài)改變div寬度和高度,需要的朋友可以參考下
2015-02-02
jquery三大不同版本之間區(qū)別專(zhuān)家講解
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,目前jQuery有1.x、2.x、3.x三個(gè)版本,在jQuery官網(wǎng)（http://jquery.com/）可以查看,2.x、3.x不是?1.x?的后續(xù)或者升級(jí)版本,他們是同時(shí)更新迭代的,現(xiàn)在使用最廣的版本都是1.x的
2023-09-09
jQuery動(dòng)態(tài)添加與刪除tr行實(shí)例代碼
最近由于項(xiàng)目的需要，需要?jiǎng)討B(tài)的添加和刪除table中的tr，感覺(jué)用JS可以實(shí)現(xiàn)，但是在網(wǎng)上找了一下，單純的自己寫(xiě)JS，感覺(jué)太麻煩，而且也不好維護(hù)。于是想到了最近學(xué)的jQuery。這篇文章給大家用實(shí)例介紹了jQuery動(dòng)態(tài)添加與刪除tr行的方法，有需要的朋友們可以參考借鑒。
2016-10-10
JQuery常用簡(jiǎn)單動(dòng)畫(huà)操作方法回顧與總結(jié)
這篇文章主要介紹了JQuery常用簡(jiǎn)單動(dòng)畫(huà)操作方法,回顧與總結(jié)了jQuery常用的各種動(dòng)畫(huà)效果操作方法及相關(guān)使用技巧,需要的朋友可以參考下
2019-12-12
JQuery判斷checkbox是否選中及其它復(fù)選框操作方法合集
這篇文章主要介紹了JQuery判斷checkbox是否選中及其它復(fù)選框操作方法合集,本文匯總了網(wǎng)上解決這個(gè)問(wèn)題比較好的幾篇文章,需要的朋友可以參考下
2015-06-06
jQuery 設(shè)置 CSS 屬性示例介紹
設(shè)置指定的CSS屬性或設(shè)置多個(gè)CSS屬性，下面有個(gè)不錯(cuò)的示例，大可以參考下
2014-01-01
jQuery插件FusionCharts實(shí)現(xiàn)的MSBar3D圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的MSBar3D圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用FusionCharts載入xml數(shù)據(jù)繪制MSBar3D圖的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03