Überprüfen der Benutzereingaben geht nicht richtig

bob651

Aktives Mitglied
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>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>
 

sascha-sphw

Top Contributor
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");
 
Ähnliche Java Themen

Ähnliche Java Themen

Neue Themen


Oben