如何在不使用正则表达式的情况下用jQuery实现邮箱验证？

嘿，刚接触jQuery的话，不用正则表达式做邮箱验证其实也挺容易上手的，我给你分享几个实用的思路和代码示例，都是完全避开正则的那种，逻辑很直观，适合新手理解：

方案1：字符串拆分分步验证 #

核心思路就是把邮箱按@和.拆分成不同部分，逐一检查每个部分的规则，完全用字符串原生方法实现：

// 绑定输入框失去焦点事件，验证邮箱
$('#emailInput').on('blur', function() {
  const email = $(this).val().trim();
  let isValid = true;
  
  // 检查是否包含且仅包含一个@
  const atPosition = email.indexOf('@');
  if (atPosition === -1 || email.indexOf('@', atPosition + 1) !== -1) {
    isValid = false;
    alert('邮箱必须包含且只能有一个@符号哦');
  } else {
    // 拆分出用户名和域名段
    const [username, domain] = email.split('@');
    
    // 验证用户名不能为空
    if (username.length === 0) {
      isValid = false;
      alert('邮箱的用户名部分不能是空的呀');
    }
    
    // 验证域名段必须包含.，且不在开头或结尾
    const dotPosition = domain.indexOf('.');
    if (dotPosition === -1 || dotPosition === 0 || dotPosition === domain.length - 1) {
      isValid = false;
      alert('域名部分得包含.，而且不能放在开头或结尾哦');
    } else {
      // 可选：验证后缀长度至少2位（比如.com、.cn这类）
      const suffix = domain.split('.').pop();
      if (suffix.length < 2) {
        isValid = false;
        alert('邮箱后缀的长度不能小于2位哦');
      }
    }
  }
  
  if (isValid) {
    alert('邮箱格式验证通过啦！');
  }
});

方案2：结合HTML5原生验证+jQuery增强提示 #

HTML5的type="email"输入框自带基础邮箱验证，我们可以用jQuery来捕获验证状态，替换原生的生硬提示，全程不用自己写正则：

// 监听表单提交事件
$('#emailForm').on('submit', function(e) {
  const emailInput = $('#emailInput')[0];
  
  // 触发HTML5原生验证
  if (!emailInput.checkValidity()) {
    e.preventDefault(); // 阻止表单提交
    
    // 自定义友好提示
    if (emailInput.validity.valueMissing) {
      alert('请填写你的邮箱地址哦');
    } else if (emailInput.validity.typeMismatch) {
      alert('请输入正确格式的邮箱地址呀');
    }
  }
});

对应的HTML结构可以这样写：

<form id="emailForm">
  <input type="email" id="emailInput" required placeholder="请输入你的邮箱">
  <button type="submit">提交</button>
</form>

方案3：限定允许的邮箱后缀（可选） #

如果需要更严格的验证，比如只允许特定后缀的邮箱，可以预设一个后缀列表，拆分后检查是否在列表内：

$('#emailInput').on('blur', function() {
  const email = $(this).val().trim();
  // 预设允许的邮箱后缀
  const allowedSuffixes = ['com', 'cn', 'net', 'org', 'edu'];
  let isValid = true;
  
  const atSegments = email.split('@');
  if (atSegments.length !== 2) {
    isValid = false;
    alert('邮箱格式不对哦，要么没加@，要么加了多个');
  } else {
    const domainSegments = atSegments[1].split('.');
    if (domainSegments.length < 2) {
      isValid = false;
      alert('域名部分得包含.才行哦');
    } else {
      const suffix = domainSegments.pop().toLowerCase();
      if (!allowedSuffixes.includes(suffix)) {
        isValid = false;
        alert(`目前只支持以下后缀的邮箱：${allowedSuffixes.join(', ')}`);
      }
    }
  }
  
  if (isValid) {
    alert('邮箱验证通过啦！');
  }
});

这些方案都是完全不用正则的，逻辑清晰，你可以根据自己的需求挑合适的来用～

内容的提问来源于stack exchange，提问作者Parminder Mangat