為什么我的 email 驗證腳本無法被識別？

Question

嘿，所以我對 HTML 和 Javascript 真的很陌生。 我今天的任務是編寫 Email 驗證腳本。 我認為我的腳本應該沒問題，但是由於某種原因，當我單擊提交按鈕時，網站沒有做任何事情。 這是我的腳本：

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：

  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，它看起來像這樣：

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

提前致謝！

Answer 1

如果您使用input type="email" ，則 email 驗證在瀏覽器內完成，您無需為此編寫自己的代碼。 並要求輸入表單字段，請使用required屬性。

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