Javascript 验证电子邮件并相应显示

我想在Javascript中检查电子邮件的有效性，然后显示警告框（如果无效），如果有效，则显示div2。但它不起作用

下面是javascript：

function _(x){
    return document.getElementById(x);
}

function Phase1()
{       
    myemail = _("email").value;     
    var reg = /^(([^<>()[\]\\.,;:\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,}))$/;

    if (reg.test(designeremail) == false) 
    {
        alert('Invalid Email Address');            
    }
    else
    {
    _("phase1").style.display = "none";
    _("phase2").style.display = "block";

    }
}

函数（x）{
返回文档.getElementById（x）；
}
功能阶段1（）
{       
myemail=uquo（“电子邮件”）.value；
变量reg=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+*）（\'+\”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.]；
如果（注册测试（designeremail）==false）
{
警报（“无效电子邮件地址”）；
}
其他的
{
_（“阶段1”）.style.display=“无”；
_（“阶段2”）.style.display=“块”；
}
}

这是我的html：

<form id="myform" onsubmit="return false" >    
    <div id="phase1">                 
            <label>Email</label><div><input type="text" id="email" name="email"  required></div>                
            <div><button onclick="Phase1()" class="btn"><strong>Next</strong></button></div>
    </div> 
    <div id="phase2">                 
            <label>Name</label><div><input type="text" id="mname" name="myname"  required></div>                
            <div><button onclick="Phase2()" class="btn"><strong>Submit</strong></button></div>
    </div> 
</form>

电子邮件
下一步
名称
提交

---

但即使使用wrong电子邮件，它也会继续并显示阶段2，我认为这是js而不是php。顺便说一句，这可能是因为您在测试错误的变量：

if（注册测试（DesignerMail）==false）

---

您正在测试

designeremail

，这与您可能希望测试的表单中的

email

不同。

如果您使用了错误的变量，请使用

if（reg.test（myemail）==false）

而不是

if（reg.test（designeremail）==false）

曾尝试使用php和javascript，但都不起作用..请参见此模式，我在此处发布时的打字错误…其MyMail和代码仍然不起作用，然后代码工作正常：您的问题在代码的其他地方。