Поэтому я работаю над сайтом, на котором вы можете научить новообразований некоторым кодам, которые нам нужно знать. Это на сайте: таблица, в форме, где вам нужно написать правильный код в поле ввода на определенных фруктах, овощах и хлебе (вещи супермаркета..).
Так вот так: Image - Cucumber - введите код здесь
В конце, есть проверка, если вы заполнили правильный код. Но я хочу, чтобы поля ввода меняли цвет, зеленый, если ответ правильный и красный, если ответ неверен.
Это то, что я получил:
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 = "wrong" ("неправильный" и "правильный" - 2 класса, что делает цвет фона красным или зеленым). Но как только проверка будет выполнена, сообщение "'<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';"
"'<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';"
появляется, но класс не изменяется в index.php
Извините, если это немного неясно, но помощь очень приветствуется!
Спасибо :)
Если вы хотите изменить цвет ввода с помощью PHP, который, очевидно, будет происходить только на стороне сервера, то есть после отправки формы. Если вы хотите проверить, правильно ли введен вход, когда он набирает его, вам нужно будет использовать JavaScript для этого. Вот пример для вас, пожалуйста, проголосуйте, потому что я кодирую это для вас.
http://jsfiddle.net/qhdsk784/1/
ЗДЕСЬ ЗДЕСЬ
$( 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;
}