Javascript-电子邮件验证不起作用

我有以下带有CSS和Javascript的HTML脚本。我有一个简单的javascript函数，可以验证我输入的电子邮件。但是javascript函数根本不会被调用。有人能帮忙吗

函数validateForm（）{
var x=document.getElementById（“电子邮件”）.value；
警报（x）；
var atpos=x.indexOf（“@”）；
var dotpos=x.lastIndexOf（“.”）；
如果（atpos<1 | | dotpos=x.length）{
警报（“不是有效的电子邮件地址”）；
返回false；
}
}

交付详细信息
名字：


姓氏：


电邮：



电话号码：


订单号：


订单日期：

onsumbmit=“return validateForm（）；”

在sumbmit上？你在那儿发明了一个词。在任何情况下，该事件都不会触发函数，因为

onsumbmit

不是有效的事件

另外，将事件放在表单上（该表单“拥有”事件），而不是按钮上。i、 e

onsumbmit=“return validateForm（）；”

在sumbmit上？你在那儿发明了一个词。在任何情况下，该事件都不会触发函数，因为

onsumbmit

不是有效的事件

另外，将事件放在表单上（该表单“拥有”事件），而不是按钮上。i、 e

---

提交按钮没有

onsubmit

事件，表单有，而是将事件添加到表单中，代码会执行：

函数validateForm（）{
var x=document.getElementById（“电子邮件”）.value；
警报（x）；
var atpos=x.indexOf（“@”）；
var dotpos=x.lastIndexOf（“.”）；
如果（atpos<1 | | dotpos=x.length）{
警报（“不是有效的电子邮件地址”）；
返回false；
}
}

交付详细信息
名字：


姓氏：


电邮：



电话号码：


订单号：


订单日期：

提交按钮没有

onsubmit

事件，表单会将事件添加到表单中，并且代码会执行：

函数validateForm（）{
var x=document.getElementById（“电子邮件”）.value；
警报（x）；
var atpos=x.indexOf（“@”）；
var dotpos=x.lastIndexOf（“.”）；
如果（atpos<1 | | dotpos=x.length）{
警报（“不是有效的电子邮件地址”）；
返回false；
}
}

交付详细信息
名字：


姓氏：


电邮：



电话号码：


订单号：


订单日期：

您可以将类型设置为电子邮件，而无需任何额外的验证代码，例如

<input type="email"  required/>

或者使用正则表达式

        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 validate() {
      var email = $("#email").val();

      if (validateEmail(email)) {

      }

$("#validate").bind("click", validate);

功能验证电子邮件（电子邮件）{
变量re=/^（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@“]+）*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]124；（[a-zA Z-0-9]+]；
返回重新测试（电子邮件）；
}
函数验证（）{
var email=$（“#email”）.val（）；
如果（验证邮件（电子邮件））{
}
$（“#验证”）.bind（“单击”，验证）；

HTML

输入电子邮件地址：

验证

您可以将类型设置为电子邮件，而无需任何额外的验证代码，例如

<input type="email"  required/>

或者使用正则表达式

        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 validate() {
      var email = $("#email").val();

      if (validateEmail(email)) {

      }

$("#validate").bind("click", validate);

功能验证电子邮件（电子邮件）{
变量re=/^（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@“]+）*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]124；（[a-zA Z-0-9]+]；
返回重新测试（电子邮件）；
}
函数验证（）{
var email=$（“#email”）.val（）；
如果（验证邮件（电子邮件））{
}
$（“#验证”）.bind（“单击”，验证）；

HTML

输入电子邮件地址：

验证

当然，我相信您可以使用

HTML5

优势，您可以使用

输入
电子邮件
键入并使用
CSS
进行验证：

<input class="email" type="email"/>

但是在您的情况下，我没有阅读您的函数，我不知道您为什么不使用
RegExp
进行检查验证

您可以将单击事件绑定到提交按钮：

<input id="submit" type="submit" value="submit"/>

您的
validateForm
未优化。您可以编写如下代码：

const validForm = (emailString) => {
    return /^[a-z0-9][a-z0-9-_\.]+@([a-z]|[a-z0-9]?[a-z0-9-]+[a-z0-9])\.[a-z0-9]{2,10}(?:\.[a-z]{2,10})?$/.test(emailString);
}

当然，我相信您可以使用
HTML5
advantage，您可以使用
input
email
键入并使用
CSS
进行验证：

<input class="email" type="email"/>

但是在您的情况下，我没有阅读您的函数，我不知道您为什么不使用
RegExp
进行检查验证

您可以将单击事件绑定到提交按钮：

<input id="submit" type="submit" value="submit"/>

您的
validateForm
未优化。您可以编写如下代码：

const validForm = (emailString) => {
    return /^[a-z0-9][a-z0-9-_\.]+@([a-z]|[a-z0-9]?[a-z0-9-]+[a-z0-9])\.[a-z0-9]{2,10}(?:\.[a-z]{2,10})?$/.test(emailString);
}

使用
button type=“submit”
&使用
preventDefault


函数验证表单（e）{
e、 预防默认值（）；
var x=document.getElementById（“电子邮件”）.value；
var atpos=x.indexOf（“@”）；
var dotpos=x.lastIndexOf（“.”）；
如果（atpos<1 | | dotpos=x.length）{
警报（“不是有效的电子邮件地址”）；
返回false；
}
}
交付详细信息
名字：


姓氏：


电邮：



电话号码：


订单号：


订单日期：




提交
使用
按钮type=“submit”
&使用
preventDefault


函数验证表单（e）{
e、 预防默认值（）；
var x=document.getElementById（“电子邮件”）.value；
var atpos=x.indexOf（“@”）；
var dotpos=x.lastIndexOf（“.”）；
如果（atpos<1 | | dotpos=x.length）{
警报（“不是有效的电子邮件地址”）；
返回false；
}
}
交付详细信息
名字：


姓氏：


电邮：



电话号码：


订单号：


订单日期：




附属的