0

我有一个图片测验，每个图像都有一个输入字段。我需要一种方法来检查输入字段中输入的值是否与正确答案匹配，如果匹配，则执行一些操作，例如添加/删除一些 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 的经验很少。谢谢你。

4

2 回答 2

1

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

您可以使用 获取输入字符串$("#input_id").val()，使用 显示简单的错误消息alert("my message")，并使用该onchange事件。另请参阅e.preventDefault()如果所有内容都不正确，如何使表单不可提交

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

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

于 2013-11-04T10:19:13.030 回答
0

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

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

.keyup() 函数允许它实时工作，因为只要在键盘上按下一个键就会调用它。

然后在其中， .val() 函数用于检查输入字段的实际用户输入值。在这种情况下，如果该值等于“test”，那么它会执行您在 if 语句中放置的任何内容。

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

于 2013-11-05T20:01:46.027 回答