如何使用javascript添加电子邮件验证

时间:2015-03-18 11:42:05

标签: javascript html function

我是javascript的新手,我写了一个代码来为我的表单添加验证,这是我的脚本:

function validateForm()
{
    var name=document.forms["form"]["entry.1017659850"].value;
    var email=document.forms["form"]["entry.808043133"].value;
    var check=document.forms["form"]["entry.317648050"].checked;

    if(name == ""){
        document.getElementById("alertname").style.display="block";
        return false;
    }

    if(email == ""){
        document.getElementById("alertemail").style.display="block";
        return false;
    }

    if(!check){
        document.getElementById("alertcheck").style.display="block";
        return false;
    }

    return true;
}

我想添加我的电子邮件验证

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);
}

问题是我将如何做,我不熟悉javascript上的功能。

谢谢。

3 个答案:

答案 0 :(得分:0)

.test()返回一个布尔值。如果它与给定的正则表达式不匹配,它将返回false,因此您可以使用其返回值来知道它是否有效:

if(email == "" || !validateEmail(email)){
    document.getElementById("alertemail").style.display="block";
    return false;
}

答案 1 :(得分:0)

试试这个:

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);
}

function validateForm()
{
    var name=document.forms["form"]["entry.1017659850"].value;
    var email=document.forms["form"]["entry.808043133"].value;
    var check=document.forms["form"]["entry.317648050"].checked;

    if(name == ""){
        document.getElementById("alertname").style.display="block";
        return false;
    }

    if(email == ""){
        document.getElementById("alertemail").style.display="block";
        return false;
    }

    if(!check){
        document.getElementById("alertcheck").style.display="block";
        return false;
    }

    if(!validateEmail(email)){
        document.getElementById("alertemail").style.display="block";
        return false;
    }

    return true;
}

答案 2 :(得分:0)

 var email = "abc@abc.com";
  if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email)) 
    {
        alert("invalid");
    }
    else
    {
        alert("valid");
    }