Überprüfen der Benutzereingaben geht nicht richtig

Diskutiere Überprüfen der Benutzereingaben geht nicht richtig im HTML / CSS / JScript / AJAX Bereich.
B

bob651

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>
 
sascha-sphw

sascha-sphw

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");
 
Thema: 

Überprüfen der Benutzereingaben geht nicht richtig

Passende Stellenanzeigen aus deiner Region:
Anzeige

Neue Themen

Anzeige

Anzeige
Oben