Question

我遇到的问题是我希望用户在输入框中输入答案，单击提交按钮时，如果正确，则该框应突出显示绿色，如果不正确，则应突出显示红色。

 <form method="POST" action="">
    <h2>Challenge 2</h2>
        <p>Key: puck</p>
        <p>Message: lbcd uiqvh njohy oygncvh vg

        </p>

                Answer:<br>
                <input type="text" name="answer2" value="">
                <br>
                <input type="submit" value="Submit">
            </form>

预期结果应该向用户表明答案是对还是错。

Answer 1

您将要使用JavaScript

Answer:<br>
<input type="text" id="answer2" name="answer2" value="">
<br>
<input type="button" onclick="checkIfCorrect()" value="Submit">
</form>

<script>
function checkIfCorrect(){
   var answerValue = document.getElementById("answer2").value;
   if(answerValue == "expectedAnswer")
     doSomething();
}
</script>

但是，这意味着“ expectedResult”将位于发送给用户的代码中，并且可以在开发人员控制台中轻松查看。如果要向用户隐藏您要查找的值，则需要使用ajax。

https://www.w3schools.com/js/js_ajax_intro.asp

想知道如何在输入框中存储答案

1 个答案: