javascript中添加验证电子邮件的问题

这是我的密码：

 <form method="post" name="form1" action="invitation_enrollv5.asp?action=1" onSubmit="return GetTextValue()">

<input style="float:right;" id="nextbutton" name="" type="submit" value="Next" />       
</form>

我可以知道，我如何以及在哪里可以添加验证脚本来验证输入的电子邮件地址

如果id为空或无效，则表示它显示错误状态

---

有人能帮我吗？提前感谢。

对于输入框，您可以将类型指定为电子邮件，浏览器将为您验证

或者对于javascript：

function validate(emailString) {
    return /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(emailString)
}

---

如果emailString参数的值是有效的电子邮件，则返回true

假设HTML中有一个输入字段-

<form name="emailForm">
    <input type="email" id="email" name="email" />
</form>

在javascript中，您可以在用户激活时添加事件处理程序 文本字段，然后单击其他位置（或使用选项卡导航到下一个字段）

$（'#email'）.blur（函数（）{
//除了.blur（）之外，您还可以使用
//表单提交事件使用checkEmail（）函数。
检查电子邮件（）；
});
函数checkEmail（）{
var email=document.forms[“emailForm”][“email”].value；
var atnum=email.replace（/[^@]/g'，）.length
var atpos=email.indexOf（“@”）；
var dotpos=email.lastIndexOf（“.”）；
如果（atpos<1 | | dotpos

---

这里有一个

我使用了类似于以下函数的函数validate（）{var x=document.forms['mailcontact']['email'].value；if（x='''.| | x==null | | x='name'）{alert（“需要输入名称”）}else{document.forms['maincontact'].submit（）；}…但没用谢谢有人帮我吗？thanks@Jim埃尔罗德：我可以知道，我可以在哪里添加我的脚本吗？我需要显示红色边框，如果任何输入字段是空的或无效的..谢谢这不是一个用html创建的问题，我需要用我的代码实现..谢谢对不起，我不太明白这个问题.你说的是什么意思“需要用我的代码实现"？你的问题的评论中有一个验证功能。你可以用我的checkEmail功能来交换。我在这里又提出了一个问题，如果你知道，请回答，谢谢。这不是同一个问题吗？如果我的回答符合你的问题并且有效，为什么不接受它？我们很难在不了解你真正需要的情况下帮助你。你知道吗用javascript将问题定义为“电子邮件验证”，这就是我给你的。。

$('#email').blur(function() {
    // Instead of .blur() you can also just have the 
    // form submit event use the checkEmail() function.
    checkEmail();
});


function checkEmail(){
    var email = document.forms["emailForm"]["email"].value;
    var atnum = email.replace(/[^@]/g, '').length
    var atpos = email.indexOf("@");
    var dotpos = email.lastIndexOf(".");
    if (atpos < 1 || dotpos < atpos + 2 || email.length <= dotpos + 2   || atnum > 1) {
        // E-mail was not valid
        $('#email').css({border: '1px solid #e74c3c'});
        alert("Not a valid e-mail address");
        setTimeout( function() {
            $('#email').css({border: '1px solid #555'});        
        }, 800);
    } else {
        // E-mail was OK
        alert("You're good to go!");
    }
}