用JS完成完整的网站登录页面

Question

怎么限制邮箱地址中有且只有一个@字符，字符后面必须有域名，但小数点不能在最后面且不能连着写。
验证码的JS怎么表达？

有人会写JS部分吗？
我只会HTML和CSS部分。

Answer 1

可以使用 JavaScript 的正则表达式来实现这个需求。正则表达式中的模式 /^[^@]+@[^@]+.[^@.]+$/ 可以匹配符合要求的邮箱地址。
具体地，这个正则表达式由三部分组成：

^[^@]+：匹配字符串开头到第一个 @ 字符之间的内容，由于 @ 字符前面不能有 @ 字符，因此这部分使用了 [^@] 来匹配任意非 @ 字符。
@：匹配第一个 @ 字符。
[^@]+.[^@.]+$：匹配 @ 字符后面的域名，由于小数点不能在最后面且不能连着写，因此这部分使用了 [^@.]+ 来匹配任意非 @ 和 . 字符的一个或多个字符，并在最后加上 $ 来匹配字符串的结尾。
下面是一个示例，它使用正则表达式来验证一个邮箱地址是否符合要求：

function isValidEmail(email) {
  // 匹配邮箱地址的正则表达式
  var pattern = /^[^@]+@[^@]+\.[^@\.]+$/;

  // 如果邮箱地址符合正则表达式的模式，则返回 true，否则返回 false
  return pattern.test(email);
}

// 示例
console.log(isValidEmail("[e-mail]")); // true
console.log(isValidEmail("name@domain")); // false
console.log(isValidEmail("[e-mail]")); // true
console.log(isValidEmail("name@domain")); // false
console.log(isValidEmail("name@domain.")); // false
console.log(isValidEmail("name@.domain.com")); // false
console.log(isValidEmail("@domain.com")); // false

上面的代码中，第一个和第二个示例的邮箱地址符合要求，因此返回 true；第三个、第四个和第五个示例的邮箱地址不符合要求，因此返回 false。