Question

所以我在一个网站上工作，你可以向新手讲授一些我们需要知道的代码。这是在网站上：表格，在表格中，您必须在某些水果，蔬菜和面包的输入字段中写入正确的代码（超市内容......）。

所以像这样：图像 - 黄瓜 - 在这里填写代码

最后，检查您是否填写了正确的代码。但是我希望输入字段改变颜色，如果答案是正确则为绿色，如果答案是错误则为红色。

这就是我得到的：

的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>

在functions.php

中的一部分groenteCheck（）

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.在index.html中创建一个名为$ komkommerCheck的PHP变量，并将其设置为“standard”。在表中添加了这个：class=<?php echo '"'.$komkommerCheck.'"';?>>.然后，在if else语句中，我设置：$ komkommerCheck =“correct”或$ komkommerCheck =“wrong”（'错误'和'正确'是2个类，这使得背景颜色红色或绿色）。但是一旦检查完成，就会出现消息"'<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';"，但是这个类在index.php中没有改变

如果这有点不清楚，我很抱歉，但是非常感兴趣！

谢谢：）

Answer 1

如果你想用PHP改变输入颜色，显然只会发生在服务器端，这意味着你提交表单后。如果要在输入时检查输入是否正确，那么您需要使用JavaScript。这是一个例子，请你投票，因为我正在为你编码。

http://jsfiddle.net/qhdsk784/1/

JS HERE

$( document ).ready(function() { 
    $( "#carr" ).keyup(function() {
    var get_value = $("#carr").val();

            if(get_value == "stephen"){
        $("#carr").addClass('green');
    }
});  
    });

HTML HERE

<div>Enter <b>stephen</b> into the input to see change.</div>
 <input type="text" name="carr" id="carr"value="">

CSS HERE

input{
    color:#fff;
    font-weight:bold;
    padding:7px;
    font-size:16px;
    background-color:#FA0000;
}
input.green{
    background-color:#479E00;
    color:#fff;
    font-weight:bold;
}

PHP根据正确或不正确的答案更改背景颜色

1 个答案: