recherche

Maison >interface Web >js tutoriel >Partage d'exemples de vérification du format d'adresse e-mail en JavaScript

Partage d'exemples de vérification du format d'adresse e-mail en JavaScript

小云云
小云云original
2018-03-30 09:45:362201parcourir

J'ai récemment travaillé sur un projet front-end, qui nécessite que les données d'entrée contiennent le symbole @ et le point (.). Dans le même temps, @ ne peut pas être le premier caractère de l'adresse e-mail et il doit y avoir au moins un point après @. Cet article partage principalement avec vous la vérification du format de l'adresse e-mail en JavaScript. Le projet nécessite que les données d'entrée contiennent le symbole @ et le point. Le code est simple et facile à comprendre, j'espère qu'il pourra aider tout le monde.

1 : Code


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>利用JavaScript验证是否符合电子邮箱地址</title>
</head>
<script type="text/javascript">
  // 创建第一个函数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>
<body>
  <!-- onsubmit是一个验证表单功能,为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 : Résultat

Partage dexemples de vérification du format dadresse e-mail en JavaScript

L'image ci-dessous montre que le format d'e-mail que vous avez saisi est exact. Qu'il existe ou non, c'est une autre affaire !

Partage dexemples de vérification du format dadresse e-mail en JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment transmettre les paramètres du tableau au contrôleur d'arrière-plan dans jsArticle suivant：Comment transmettre les paramètres du tableau au contrôleur d'arrière-plan dans js

Articles Liés

Voir plus