wip

app/templates/dashboard/app_form.html

@@ -256,9 +256,10 @@
     const tbody = document.querySelector('#ports-table tbody');
     const newRow = document.createElement('tr');
     newRow.innerHTML = `
-      <td>
+      <td class="position-relative">
         <input type="number" name="port_numbers[]" class="form-control" 
                min="1" max="65535" value="${portNumber}" required>
+        <div class="feedback"></div>
       </td>
       <td>
         <select name="protocols[]" class="form-select">
@@ -279,6 +280,9 @@
       </td>
     `;
     tbody.appendChild(newRow);
+
+    // Set up validation for the new row
+    setTimeout(setupPortValidation, 50);
   }
 
   function removePortRow(button) {