Überprüfen der Benutzereingaben geht nicht richtig

Hallo, ich habe ein Button"Add", der onclick eine Methode ausführt.
Die Methode liest einfach meine Inputs im Textfeld ein und speichert sie in einer Tabelle.
Ich will jetzt aber, wenn ich z.B keine richtige Mail angebe, dass ich dann eine Fehlermeldung bekomme und die Methode nicht ausgeführt wird. Wie mache ich das? Habe schon ein paar Sachen getestet, aber nichts passierte.

Hier die wichtigen Abschnitte:
Code:
<button onclick="addRow()">Add</button>

To-Do:   
<input type="text" name="To-Do" id="To-Do" /><br />
Email
<input type="email" name="email" id="email" /><br />


<table id="myTable">
  <tr>
    <th>To-Do</th>
    <th>Priorität</th>
   <th>Anzahl</th>
    <th>Erstellt am</th>
    <th>Gültig bis</th>
    <th>Email Adresse</th>

  </tr>
<tr>
    <td>Milch kaufen</td>
    <td>Mittel</td>
    <td>5</td>
    <td>18.11.2019</td>
    <td>18.11.2020</td>
    <td>[email protected]</td>
    <td><input type="button" value="Delete" onclick="deleteRow(this)"/></td>


<script>
function addRow() {


    var table = document.getElementById("myTable");
   
    var row= document.createElement("tr");
    console.log(row);
    var td1 = document.createElement("td");
    var td2 = document.createElement("td");
    var td3 = document.createElement("td");   
    var td4 = document.createElement("td");   
    var td5= document.createElement("td");
    var td6= document.createElement("td");
   
   


    td1.innerHTML = document.getElementById("To-Do").value;
    td2.innerHTML = document.getElementById("Priorität").value;
    td3.innerHTML  = document.getElementById("Anzahl").value;
    td4.innerHTML  = document.getElementById("bis").value;
    td5.innerHTML  = document.getElementById("bis").value;
    td6.innerHTML  = document.getElementById("email").value;
   

    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    row.appendChild(td5);
    row.appendChild(td6);

    table.children[0].appendChild(row);   
}
</script>
 
Die Funktion addRow wird aufgerufen wenn Du den Button klickst. Was spricht denn dagegen diese Überprüfung in dieser Methode zu machen, bevor Du die Elemente erzeugst.
function addRow() {

// Email Adresse überprüfen und ggf. Fehler ausgeben.

var table = document.getElementById("myTable");

var row= document.createElement("tr");
console.log(row);
var td1 = document.createElement("td");
 
Passende Stellenanzeigen aus deiner Region:

Neue Themen

Oben