Überprüfen von Zellen in einer Tabelle während der Bearbeitung

Derzeit habe ich eine Tabelle, in der ich eine Zeile bearbeiten und speichern kann, nachdem ich fertig bin. Ich möchte in der Lage sein, eine Validierung hinzuzufügen, wenn beispielsweise die E-Mail-Zelle keine E-Mail enthält und dann nicht gespeichert wird. Ich möchte ein Dialogfeld anzeigen, in dem der Fehler angezeigt wird, wenn Sie auf Speichern klicken und ein Feld nicht validiert wurde. Wie kann ich das machen? HierÜberprüfen von Zellen in einer Tabelle während der Bearbeitung

ist das, was ich brauche:

Buyer ID - numbers only 
POC Name - text only 
POC Email - email only 
POC Phone - phone number only

Relative Javascript:

$(document).ready(function() { 
    $('.edit').click(function() { 
     var $this = $(this); 
     var tds = $this.closest('tr').find('td').not('.mr_id').filter(function() { 
      return $(this).find('.edit').length === 0; 
     }); 
     if ($this.html() === 'Edit') { 
      $this.html('Save'); 
      tds.prop('contenteditable', true); 
     } else { 
      $this.html('Edit'); 
      tds.prop('contenteditable', false); 
     } 
    }); 
    });

Relative HTML/PHP:

<?php 
    foreach ($dbh->query($sql) as $rows){ 
    ?> 
    <tr> 
     <td class="mr_id" contenteditable="false"><?php echo intval ($rows['MR_ID'])?></td> 
     <td class="mr_name" contenteditable="false"><?php echo $rows['MR_Name']?></td> 
     <td class="buyer_id" contenteditable="false"><?php echo $rows['Buyer_ID']?></td> 
     <td class="poc_n" contenteditable="false"><?php echo $rows['MR_POC_N']?></td>  
     <td class="poc_e" contenteditable="false"><?php echo $rows['MR_POC_E']?></td> 
     <td class="poc_p" contenteditable="false"><?php echo $rows['MR_POC_P']?></td> 
     <td><button class="edit" name="edit">Edit</button> 
     <button class="delRow" name="delete" onclick="deleteRow(this)">Delete</button></td> 
    </tr>

jQuery Importe:

<head> 
     <title>Stage Rebate Master HTML Table</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
     <script src="jquery-1.12.4.min.js"></script> 
     <link rel="stylesheet" type="text/css" href="html_master.css"> 
     <script type="text/javascript" src="html_master.js"></script> 
</head>

Quelle

2016-10-03 Rataiczak24

ich Ihnen ein wenig Somthing schrieb Sie begann zu bekommen, werden Sie mehr switch case Bedingungen hinzufügen müssen (I behandelt buyer_id nur) und das Dialogfeld hinzufügen (I verwendet #myDialogBox), aber ich glaube, Sie in Ordnung sein :)

Quelle

2016-10-03 13:48:39

Es sei denn, es gibt etwas, das ich hinzufügen muss, es scheint nicht für mich in meinem Code zu arbeiten. – Rataiczak24

um Sie irgendwelche Fehler zu bekommen? –

Immer wenn ich es ausführe und der Tisch hochkommt ... wenn ich die Käufer-ID editiere, so dass die Zelle leer ist oder Buchstaben/Wörter vorhanden sind, kann ich sie trotzdem speichern – Rataiczak24

Überprüfen von Zellen in einer Tabelle während der Bearbeitung

Antwort

Verwandte Themen