首頁 > web前端 > js教程 > 主體

怎樣用JS驗證E-mail格式

php中世界最好的语言
發布: 2018-05-08 11:23:09
原創
2324 人瀏覽過

這次帶給大家怎樣用JS驗證E-mail格式,用JS驗證E-mail格式的注意事項有哪些,以下就是實戰案例,一起來看一下。

最近做了一個前端的項目,要求:輸入的資料必須包含 @ 符號和點號(.)。同時,@ 不可以是郵件地址的首字符,並且 @ 之後需有至少一個點號。

1:代碼

nbsp;html>


<meta>
<title>利用JavaScript验证是否符合电子邮箱地址</title>

<script>
  // 创建第一个函数validate_emil()并包含两个参数
  function validate_email(field, alerttxt) {
    with (field) {
      //利用indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置--定义一个变量apos将第一次出现的“@”赋值给apos
      apos = value.indexOf("@");
      //利用lastIndexOf() 方法返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索--
      //stringObject.lastIndexOf(searchvalue,fromindex)
      //fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。
      dotpos = value.lastIndexOf(".");
      // 判断符合"@"的位置,或者"."的位置是否在"@"的后面
      if (apos < 1 || dotpos - apos < 2) {
        // 利用alert()弹出一个警告窗来执行alerttxt的操作
        // 邮箱地址不符合
        alert(alerttxt);
        return false;
      } else {
        // 邮箱地址符合
        return true;
      }
    }
  }
  // 创建第二个函数validate_form()并包含一个参数
  function validate_form(thisform) {
    with (thisform) {
      if (validate_email(email, "Not a valid e-mail address!") == false) {
        // 利用focus()将输入焦点移至对象上
        email.focus();
        return false;
      }
    }
  }
</script>

  <!-- onsubmit是一个验证表单功能,为true提交, -->
  
登入後複製
    Email:     

2:結果

怎樣用JS驗證E-mail格式 

 下圖則說明了自己輸入的郵箱格式是準確的,至於存在不存在另當別論!

怎樣用JS驗證E-mail格式

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

Vue把html字串轉換成HTML步驟詳解

$http方法傳遞json參數步驟詳解

以上是怎樣用JS驗證E-mail格式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!