使用PHP和AJAX检查正确答案（测验）

Question

我有一个图片测验，每个图像都有一个输入字段。 我需要一种方法来检查输入字段中输入的值是否与正确答案匹配，如果匹配，请执行一些操作，例如添加/删除一些CSS类并增加分数。 我需要使用AJAX实时完成此操作。

这是我想要的功能的伪代码...

if input value == correct answer {
    some jQuery to add/remove a few classes
    some PHP (I assume) to add 1 to the score count
} else {
    some jQuery to add/remove a few classes
}

但是，如何实时获取输入字段的值？ 我仍然使用PHP Post获得价值吗？ 我需要什么AJAX来完成此操作而无需刷新页面？

任何帮助将不胜感激...我对PHP没问题，但对AJAX的经验很少。 谢谢。

Answer 1

是的，这可以使用AJAX和jquery（不一样）来完成。

您可以使用$("#input_id").val()获取输入字符串，使用alert("my message")显示简单的错误消息，并使用onchange事件。 另请参阅什么e.preventDefault()使表单在所有不正确的情况下都无法提交

如果您想通过php请求检查数据是否正确，也可以使用$.ajax()

有关所有这些函数的更多信息，请参见Web上的jquery文档。

Answer 2

如果这对其他人有用，这就是我实现最初目标的方式。 与我最初的想法相反，这一切都可以使用JS完成，不需要PHP或AJAX进行实时更新。

$('input').keyup(function () {
    if (($(this).val() == 'test') {
        //Stuff
    } else {
        //Other Stuff
    };
});

.keyup（）函数可让此函数实时运行，因为只要您在键盘上按下某个键，就会调用它。

然后，在此函数中，.val（）函数用于检查输入字段的实际用户输入值。 在这种情况下，如果此值等于“ test”，则它将执行您在if语句中放置的内容。

如果有人偶然发现了这个问题并希望得到这个答案，希望对您有所帮助！