HTML5电子邮件输入类型接受无效的邮件ID

时间:2016-11-29 05:46:45

标签: javascript regex html5 email

我有一个表单,其输入字段包含电子邮件类型和提交按钮。上下文是当用户从登录页面点击“忘记密码”时,将显示此特定表单,用户可以在其中输入其电子邮件ID并获取通过邮件重置密码的链接。

一切正常,但输入类型的电子邮件接受 abc @ com ,因为我希望电子邮件ID为 abc@def.com 。问题是,如果用户输入abc @ com而不是abc@def.com,他们将不会收到重置密码链接,他们不会意识到想要出错。

我想为这个问题找到解决方案。

1 个答案:

答案 0 :(得分:0)

使用像 Regex demo 一样的正则表达式。/\b(\w+)(\@)(.*)(\.)(\w+)\b。检查字符串中.的{​​{1}}下一个地方。 @它会设置单词边界,与特定的一个

匹配



\b

var check = function(){
 var input =  document.getElementById('test').value;
 var checking = input.match(/\b(\w+)(\@)(.*)(\.)(\w+)\b/g);
  if(checking){
    console.log('accepted');
    }
  else{
    console.log('reject')
    }
  }