Mam formularz jak poniżej, który wyświetla mi pozycje dokumentu WZ pobranego z bazy MSSQL.
Wyświetlane są pozycje jedna za drugą, tzn. Najpierw pierwsza, potem druga itd...
Jest prosta logika, pusty nie uzupełniony formularz - nie ma żadnego podświetlenia, gdy uzupełnię wartość w polu CHECK i jest zgodna z polem ILOŚĆ - całość zmienia się na zielono i przechodzić ma do następnej pozycji. Gdy wartości się różnią to formularz zmienia się na czerwono - ma nie pozwalać na zapis danych do bazy póki ilość nie będzie zgodna.
Uzupełniam pole CHECK i daję zapisz, powinno się zapisywać do bazy MySQL za każdym razem i to się dzieje, ale...
gdy przechodzę na druga pozycję to podświetla na czerwono jakby sprawdzał pole ILOŚĆ z poprzednim wpisem do pola CHECK.
a jeżeli pole ILOŚĆ jest takie same jak pole CHECK w poprzednim wpisie to blokuje mi możliwość wpisania. Trochę pokręcone tłumaczenie ale może z kodu da się zrozumieć.
Proszę o pomoc jak to ogarnąć żeby po przejściu do następnej pozycji nie brał pod uwagę ilości z poprzedniego wpisu. Aha, jeszcze jedno, wyświetla w kółko ten same pozycje w kółko - nie chce zakończyć na ostatniej pozycji

Poniżej mój kod i, oraz skrypty:

[PHP] pobierz, plaintext 
  1. <?php
  2. session_start(); 
  3.  
  4. if (!isset($_SESSION['user_name'])) {
  5.     header("Location: index.php");
  6.     exit();
  7. }
  8.  
  9. ini_set('display_errors', 1);
  10. ini_set('display_startup_errors', 1);
  11. error_reporting(E_ALL);
  12.  
  13. require 'db-connect.php';
  14. require 'mysql-connect.php'; 
  15.  
  16. $documentNumber = $_GET['doc'] ?? '';
  17.  
  18. if (!isset($_SESSION['last_document']) || $_SESSION['last_document'] !== $documentNumber) {
  19.     $_SESSION['current_position'] = 0; 
  20.     $_SESSION['last_document'] = $documentNumber;
  21. }
  22.  
  23. $operationDate = '';
  24. if (!isset($_SESSION['current_position'])) {
  25.     $_SESSION['current_position'] = 0;
  26. }
  27. $currentPosition = $_SESSION['current_position'];
  28.  
  29. $sql = "SELECT * FROM DB_NAME WHERE WZ_NR = ?";
  30. $params = array($documentNumber);
  31. $stmt = sqlsrv_query($conn, $sql, $params);
  32.  
  33. if ($stmt === false) {
  34.     die(print_r(sqlsrv_errors(), true));
  35. }
  36.  
  37. $positions = [];
  38. while ($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) {
  39.     $positions[] = $row;
  40. }
  41. $totalPositions = count($positions);
  42.  
  43. if ($totalPositions == 0) {
  44.     echo "<p>Nie znalezono pozycji dla dokumentu.</p>";
  45.     exit();
  46. }
  47. Set current position
  48. $currentRow = $positions[$currentPosition];
  49. $positionNumber = $currentRow['lp'];
  50.  
  51. if (isset($_POST['save'])) {
  52.     $checkValue = floatval($_POST['check'][$currentPosition] ?? 0);
  53.     $quantity = floatval($_POST['quantity'][$currentPosition] ?? 0);
  54.     $productShortcut = $_POST['productShortcut'][$currentPosition] ?? '';
  55.     $description = $_POST['description'][$currentPosition] ?? '';
  56.     $userName = $_SESSION['user_name'];
  57.  
  58.     $sqlInsert = "INSERT INTO wz_records (document_number, operation_date, product_shortcut, description, quantity, check_value, save_date, position_number, user_name)
  59.                   VALUES (?, ?, ?, ?, ?, ?, NOW(), ?, ?)
  60.                   ON DUPLICATE KEY UPDATE check_value = VALUES(check_value), save_date = NOW()";
  61.  
  62.     $stmtInsert = $mysqli->prepare($sqlInsert);
  63.     if ($stmtInsert) {
  64.         $stmtInsert->bind_param("ssssddss", $documentNumber, $operationDate, $productShortcut, $description, $quantity, $checkValue, $positionNumber, $userName);
  65.         $stmtInsert->execute();
  66.         $stmtInsert->close();
  67.     }
  68.  
  69.     $_SESSION['current_position']++;
  70.     if ($_SESSION['current_position'] >= $totalPositions) {
  71.         echo "<script>alert('To jest ostatnia pozycja.');</script>";
  72.         $_SESSION['current_position'] = 0;
  73.     }
  74.  
  75.     header("Location: details.php?doc=" . urlencode($documentNumber));
  76.     exit();
  77. }
  78. ?>
  79. <!DOCTYPE html>
  80. <html lang="pl">
  81. <head>
  82.     <meta charset="UTF-8">
  83.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  84.     <title>Pozycje dokumentu</title>
  85.     <link rel="stylesheet" href="style.css">
  86.     <script src="scripts.js" defer></script>
  87. </head>
  88. <body>
  89.     <div class="container">
  90.         <div class="back-button">
  91.             <button onclick="window.location.href='index.php?date=<?php echo htmlspecialchars($operationDate); ?>'">Powrót</button>
  92.         </div>
  93.  
  94.         <h2>Pozycja <?php echo $currentPosition + 1; ?>/<?php echo $totalPositions; ?> : <?php echo htmlspecialchars($documentNumber); ?></h2>
  95.  
  96.         <div id="searchContainer">
  97.             <input type="text" id="searchField" placeholder="Wyszukaj EAN lub KODTW" onkeydown="checkEnter(event)">
  98.         </div>
  99.  
  100.         <form method="POST" action="details.php?doc=<?php echo urlencode($documentNumber); ?>" id="detailsForm">
  101.             <table id="dataTable">
  102.                 <?php
  103.                     $EAN = htmlspecialchars($currentRow['EAN'] ?? '');
  104.                     $productShortcut = htmlspecialchars($currentRow['KODTW'] ?? '');
  105.                     $description = htmlspecialchars($currentRow['OPISTW'] ?? '');
  106.                     $quantity = floatval($currentRow['QUANTITY'] ?? 0);
  107.  
  108.                     $sqlCheck = "SELECT check_value FROM wz_records WHERE document_number = ? AND position_number = ?";
  109.                     $stmtCheck = $mysqli->prepare($sqlCheck);
  110.                     $stmtCheck->bind_param("si", $documentNumber, $positionNumber);
  111.                     $stmtCheck->execute();
  112.                     $stmtCheck->bind_result($savedCheckValue);
  113.                     $stmtCheck->fetch();
  114.                     $stmtCheck->close();
  115.  
  116.                     $checkValue = floatval($savedCheckValue ?? '');
  117.                     $isDisabled = ($checkValue !== '' && $checkValue == $quantity) ? 'disabled' : '';
  118.                     $rowClass = ($checkValue !== '' && $checkValue == $quantity) ? 'success' : ($checkValue !== '' ? 'error' : '');
  119.  
  120.                     echo "<tr class='$rowClass'>";
  121.                     echo "<th>EAN</th><td>$EAN</td>";
  122.                     echo "</tr>";
  123.                     echo "<tr class='$rowClass'>";
  124.                     echo "<th>KOD TW</th><td>$productShortcut</td>";
  125.                     echo "</tr>";
  126.                     echo "<tr class='$rowClass'>";
  127.                     echo "<th>OPIS</th><td>$description</td>";
  128.                     echo "</tr>";
  129.                     echo "<tr class='$rowClass'>";
  130.                     echo "<th>ILOŚĆ</th><td>$quantity</td>";
  131.                     echo "</tr>";
  132.                     echo "<tr class='$rowClass'>";
  133.                     echo "<th>CHECK</th><td><input type='number' name='check[$currentPosition]' value='' $isDisabled required></td>";
  134.                     echo "</tr>";
  135.                     echo "<input type='hidden' name='quantity[$currentPosition]' value='$quantity'>";
  136.                     echo "<input type='hidden' name='productShortcut[$currentPosition]' value='$productShortcut'>";
  137.                     echo "<input type='hidden' name='description[$currentPosition]' value='$description'>";
  138.                 ?>
  139.             </table>
  140.             <input type="submit" name="save" value="Save">
  141.         </form>
  142.     </div>
  143. </body>
  144. </html>
[PHP] pobierz, plaintext 




[JAVASCRIPT] pobierz, plaintext 
  1. function checkEnter(event) {
  2.     if (event.key === "Enter") {
  3.         event.preventDefault();
  4.         let searchValue = document.getElementById('searchField').value.trim().toUpperCase();
  5.         if (searchValue !== '') {
  6.             let rows = document.querySelectorAll('#dataTable tr');
  7.             let found = false;
  8.             let firstMatch = null;
  9.  
  10.             rows.forEach(row => {
  11.                 let ean = row.getAttribute('data-ean') ? row.getAttribute('data-ean').toUpperCase() : '';
  12.                 let kodtw = row.getAttribute('data-kodtw') ? row.getAttribute('data-kodtw').toUpperCase() : '';
  13.  
  14.                 if (ean.includes(searchValue) || kodtw.includes(searchValue)) {
  15.                     row.classList.add('highlight');
  16.                     if (!found) {
  17.  
  18.                         let checkInput = row.querySelector('input[type="number"]');
  19.                         if (checkInput) {
  20.                             checkInput.focus();
  21.                             found = true;  
  22.                         }
  23.                     }
  24.                 } else {
  25.                     row.classList.remove('highlight');
  26.                 }
  27.             });
  28.  
  29.             if (!found) {
  30.                 alert('Nie znaleziono żadnych pasujących pozycji.');
  31.                 let searchField = document.getElementById('searchField');
  32.                 searchField.focus();
  33.                 searchField.value = ''; 
  34.             }
  35.         }
  36.     }
  37. }
  38.  
  39. document.getElementById('detailsForm').addEventListener('keydown', function (event) {
  40.     if (event.key === "Enter") {
  41.         event.preventDefault();
  42.         let activeElement = document.activeElement;
  43.         if (activeElement.tagName.toLowerCase() === 'input' && activeElement.type === 'number') {
  44.             handleEnter(event, activeElement);
  45.         }
  46.     }
  47. });
  48.  
  49. function handleEnter(event, element) {
  50.     let row = element.closest('tr');
  51.     let quantity = parseFloat(row.querySelector('input[name^="quantity"]').value);
  52.     let checkValue = parseFloat(element.value);
  53.  
  54.     if (checkValue === quantity) {
  55.         row.classList.remove('error');
  56.         row.classList.add('success');
  57.         element.setAttribute('readonly', true);
  58.         goToNextPosition();
  59.     } else {
  60.         row.classList.remove('success');
  61.         row.classList.add('error');
  62.         alert('Ilość nie zgadza się! Popraw dane.');
  63.     }
  64. }
  65.  
  66. function goToNextPosition() {
  67.     let rows = document.querySelectorAll('#dataTable tr');
  68.     let currentRow = Array.from(rows).find(row => row.classList.contains('success'));
  69.  
  70.     if (currentRow) {
  71.         let nextRow = currentRow.nextElementSibling;
  72.         if (nextRow) {
  73.             let nextInput = nextRow.querySelector('input[name^="check"]');
  74.             if (nextInput) {
  75.                 nextInput.focus();
  76.             }
  77.         } else {
  78.             alert('Osiągnięto ostatnią pozycję.');
  79.         }
  80.     }
  81. }
[JAVASCRIPT] pobierz, plaintext