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语句中放置的任何内容。

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

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

2 个答案: