PHP Изменить цвет фона, основываясь на правильном или неправильном ответе
Поэтому я работаю над сайтом, на котором вы можете научить новичков некоторым кодам, которые нам нужно знать. Это на сайте: Таблица в форме, где вы должны написать правильный код в поле ввода для определенных фруктов, овощей и хлеба (супермаркетные вещи ..).
Вот так: Изображение — Огурец — введите код здесь
В конце есть проверка, правильно ли вы ввели код.
Но я хочу, чтобы поля ввода меняли цвет: зеленый, если ответ правильный, и красный, если ответ неправильный.
Вот что я получил:
Index.html:
//Above here is the table
<?php
if(isset($_POST['komkommer'])){
/* Include PHP scripts first */
include_once 'phpscripts/plu.php';
include_once 'phpscripts/groentestore.php';
include_once 'phpscripts/functions.php';
/* Call the check functions */
groenteCheck();
}
else {
}
?>
Часть формы с таблицей (в index.php, загруженная из внешнего php-файла):
<tr>
<td><img src="image/komkommer.jpg"></td>
<td>Komkommer</td>
<td><input type="text" autocomplete="off" name="komkommer" placeholder="..."></td>
</tr>
<tr>
<td><img src="image/rodekool.jpg"></td>
<td>Rode kool</td>
<td><input type="text" autocomplete="off" name="rodekool" placeholder="..."></td>
</tr>
И часть groenteCheck () в functions.php
if($komkommer != $plu_komkommer){
echo '<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';
}
if($rodekool != $plu_rodekool){
echo '<p>Rode kool was niet juist! Jij voerde '.$rodekool.' in!</p>';
}
Я пытался:
1. Создайте переменную PHP в index.html с именем $ komkommerCheck и установите для нее «стандарт». В таблицу добавлено это: class=<?php echo '"'.$komkommerCheck.'"';?>>. Затем в операторе if else я установил: $ komkommerCheck = «correct» или $ komkommerCheck = «неправильный» («неправильный» и «правильный» — это 2 класса, которые делают фоновый цвет красным или зеленым). Но как только проверка завершена, сообщение "'<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';" появляется, но класс не изменяется в index.php
Извините, если это немного неясно, но помощь очень ценится!
Спасибо 🙂
Решение
Если вы хотите изменить цвет ввода с помощью PHP, это, очевидно, произойдет только на стороне сервера, то есть после отправки формы. Если вы хотите проверить правильность ввода при вводе, вам нужно будет использовать JavaScript для этого. Вот пример для вас, проголосуйте, пожалуйста, так как я кодирую это для вас.
http://jsfiddle.net/qhdsk784/1/
JS ЗДЕСЬ
$( document ).ready(function() {
$( "#carr" ).keyup(function() {
var get_value = $("#carr").val();
if(get_value == "stephen"){
$("#carr").addClass('green');
}
});
});
HTML ЗДЕСЬ
<div>Enter <b>stephen</b> into the input to see change.</div>
<input type="text" name="carr" id="carr"value="">
CSS ЗДЕСЬ
input{
color:#fff;
font-weight:bold;
padding:7px;
font-size:16px;
background-color:#FA0000;
}
input.green{
background-color:#479E00;
color:#fff;
font-weight:bold;
}
Другие решения
Других решений пока нет …