JavaScript中的E-mail 地址格式驗(yàn)證

2019-11-19 14:05:45

字體：大中小

供稿：網(wǎng)友

最近做了一個(gè)前端的項(xiàng)目，要求：輸入的數(shù)據(jù)必須包含 @ 符號(hào)和點(diǎn)號(hào)(.)。同時(shí)，@ 不可以是郵件地址的首字符，并且 @ 之后需有至少一個(gè)點(diǎn)號(hào)。

1：代碼

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>利用JavaScript驗(yàn)證是否符合電子郵箱地址</title></head><script type="text/javascript">  // 創(chuàng)建第一個(gè)函數(shù)validate_emil()并包含兩個(gè)參數(shù)  function validate_email(field, alerttxt) {    with (field) {      //利用indexOf() 方法返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置--定義一個(gè)變量apos將第一次出現(xiàn)的“@”賦值給apos      apos = value.indexOf("@");      //利用lastIndexOf() 方法返回一個(gè)指定的字符串值最后出現(xiàn)的位置，在一個(gè)字符串中的指定位置從后向前搜索--      //stringObject.lastIndexOf(searchvalue,fromindex)      //fromindex 可選的整數(shù)參數(shù)。規(guī)定在字符串中開(kāi)始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數(shù)，則將從字符串的最后一個(gè)字符處開(kāi)始檢索。      dotpos = value.lastIndexOf(".");      // 判斷符合"@"的位置，或者"."的位置是否在"@"的后面      if (apos < 1 || dotpos - apos < 2) {        // 利用alert()彈出一個(gè)警告窗來(lái)執(zhí)行alerttxt的操作        // 郵箱地址不符合        alert(alerttxt);        return false;      } else {        // 郵箱地址符合        return true;      }    }  }  // 創(chuàng)建第二個(gè)函數(shù)validate_form()并包含一個(gè)參數(shù)  function validate_form(thisform) {    with (thisform) {      if (validate_email(email, "Not a valid e-mail address!") == false) {        // 利用focus()將輸入焦點(diǎn)移至對(duì)象上        email.focus();        return false;      }    }  }</script><body>  <!-- onsubmit是一個(gè)驗(yàn)證表單功能,為true提交， -->  <form action="submitpage.htm" onsubmit="return validate_form(this);" method="post">    Email: <input type="text" name="email" size="30"> <input type="submit" value="Submit">  </form></body></html>

2：結(jié)果

這里寫圖片描述