为什么我的电子邮件验证脚本无法被识别？答案

【问题标题】：Why does my email validation script won't get recognized?为什么我的电子邮件验证脚本无法被识别？
【发布时间】：2021-03-13 21:58:14
【问题描述】：

嘿，所以我对 HTML 和 Javascript 真的很陌生。我今天的任务是编写一个电子邮件验证脚本。我认为我的脚本应该没问题，但是由于某种原因，当我单击提交按钮时，网站没有做任何事情。这是我的脚本：

HTML 表单：

        <form class="contact-form" action="contact.html" method="post">
            <input type="text" class="contact-form-text" placeholder="Your name*" value="" id="name">
            <input type="email" class="contact-form-text" placeholder="Your email*" id="email">
            <input type="text" class="contact-form-text" placeholder="Your phone*" id="nummer">
            <textarea class="contact-form-text" placeholder="Your message"></textarea>
            <p id="pflicht">* sind Pflichtfelder</p>
            <input type="button" class="contact-form-btn" value="Send" onclick="multiFunction()">
        </form>

这是我的功能：

  function checkforEM(value){
        var laenge = value.length;//6

        if(value.indexOf("@") > 0){
            alert("@ ist da und nicht ganz vorne");
    }
        else{
            alert("@ ist nicht da oder auf Pos 1");
    }
        // das @ darf nicht am Ende sein
        // Frage: wie finde ich das raus?
        // Ich prüfe, ob der Indexwert von @ == 5 ist
        if(value.indexOf("@") == laenge - 1){ //5
            alert("@ ist am Ende");
    }   
        if(value.substring(value.length-3) == ".de"){
            alert("Ist eine .de-Top-Level-Domain");
    }else{
            alert("Ist keine .de-Top-Level-Domain");
          }
    }

我正在使用一次组合多个函数的函数，它看起来像这样：

function multiFunction(){
  checkforBlank();
  checkforNu();
  checkforNa();
  checkforEM(this.value);
}

提前致谢！

【问题讨论】：

您好，欢迎来到 Stackoverflow。如果您看到错误，请检查控制台。 this.value 来自哪里？

标签： javascript html forms validation

【解决方案1】：

如果您使用input type="email"，则电子邮件验证在浏览器内完成，您无需为它编写自己的代码。要要求输入表单域，请使用required 属性。

<input type="email" class="contact-form-text" placeholder="Your email*" id="email" required>

【讨论】：