如何验证电子邮件?

时间:2017-09-03 01:28:04

标签: javascript

我正在尝试验证电子邮件地址以确保其正确无误。例如包括" @"符号。我将如何添加到现有代码中?

以下是我的电子邮件地址代码以及表单中的其他输入:



$(".next").click(function(){

//text inputs
  if(!document.getElementById('fullname').value) {
    alert('Full Name is required');
    return false;
  }

  else if(!document.getElementById('email').value) {
    alert('Email is required');
    return false;
  }

  else if(!document.getElementById('phone').value) {
    alert('Phone Number is required');
    return false;
  }

  else if(!document.getElementById('age').value) {
    alert('Age is required');
    return false;
  }




1 个答案:

答案 0 :(得分:1)

在您的电子邮件输入中,您可以指定如下类型:

<input type="email" id="emailTest">

因此,在表单上提交浏览器会自动验证输入

或者您可以使用这样的JavaScript函数正则表达式:

function validateEmail(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);

}