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:
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>bob6521@hotmail.de</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>