Как проверить данные формы, если она имеет правильные ответы

Question

Так я получил это:

Index.php:

<?php 
include "phpscripts/databaseconn.php"; 
$conn = new mysqli('127.0.0.1', 'root', '', 'lidl'); 
if($conn->connect_error) 
{ 
    die('Could not connect: ' . mysql_error()); 
} 

// Query we are going to use on the index page 
$sql = "SELECT * FROM producten ORDER BY Rand()"; 

$result = $conn->query($sql); 

if ($result->num_rows > 0) { 
    // output data of each row 
    while($row = $result->fetch_assoc()) { 
     echo ' <tr> 
        <td><img src="'.$row['Afb'].'"></td> 
        <td>'.$row['Naam'].'</td> 
        <td><input class="input" type="text" autocomplete="off" name="'.$row['Naamlower'].'" placeholder="..."></td> 
       </tr>'; 
    } 
} else { 
    echo "0 results"; 
} 
// Shut down connection with DB 
$conn->close(); 
?> 

таблица в форме создается на основе данных о том, что веб-сайт получает из базы данных.

Пример:

Как только пользователь нажимает на «Verzenden» там должен быть чек, если то, что они заполнены на входе, так же, как код PLU. Код plu находится в базе данных, подключенной к продуктам.

Если заполненный в ответ, это не то же самое, как код PLU (пример из первого изображения: Кто-то заполнил вход «50», то чек должен быть неправильным, потому что код PLU является ' 30 'по базе данных), цвет фона этого поля ввода должен быть изменен на красный.

Я пробовал пару вещей, но он не работал. Я надеюсь, что кто-то здесь сможет обсудить, как я должен это делать. Вам не нужно набирать код для меня, просто скажите мне, как это сделать, и я это выясню!

Большое спасибо!

Answer 1

Попробуйте добавить это в ваш код петли заменить последний элемент TD:

echo '<td> 
    <input class="input" type="text" autocomplete="off" name="'.$row['Naamlower'].'" placeholder="..." onchange="validatePLU(this, \''.$row['Naamlower'].'\')"> 
    <input type="hidden" id="'.$row['Naamlower'].'_plu" value="'.$row['PLU'].'"> 
</td>'; 

А вот код JavaScript:

<script type=text/javascript> 
function validatePLU(input, name) 
{ 
    var plu_actual = parseInt(document.getElementById(name+'_plu').value); 
    var plu_input = parseInt(input.value); 

    if(plu_actual != plug_input) 
    { 
     input.style.backgroundColor = '#FF0000'; 
    } 
    else 
    { 
     input.style.backgroundColor = 'none'; 
    } 
} 
</script>