Question

我正在创建一个语言学习游戏。

玩家将被要求输入一个句子...当他们离开时，我想立即给他们反馈，告诉他们他们是在正确的轨道上（类似于如果你的密码将在飞行中指示pw足够强大。）

要做到这一点，我将使用jQuery，输出将告诉他们“好”，因为他们输入。如果他们错过了一个字母，它会说“oops”。当用户输入给定句子的长度时，jQuery会自动知道这一点并说“好工作”。

Type in response: <input type="text" onkeyup="playerResponse(this.value)" name="input" value="" /> 
<br /><span id="responseVerify"></span><br />

jQuery怎么样？我知道如何使用$ .get方法将输入发送到服务器端并使用PHP进行处理，但不知道如何使用javascript进行处理。我猜我会在输入时使用javascript子字符串来分析输入？

会是这样的吗？

function playerResponse(input) {
    log("test");
    var string = "Wo Shi Dan";
    if (input == string.substring()) {
        log("great");
    }
}

但JS子字符串要我指定截断多少。在PHP中，我使用if (strtolower($input)==strtolower(substr($row['imgname'],0,strlen($input))))进行输入，以便每个字母动态比较$row['imgname']

谢谢！

编辑：我想实时回复播放器。我想做类似的事情...如果他们输入错误，我想突出显示红色字符。

function playerResponse(input) {
    var string = "Wo Shi Dan";
    if (input == string.substring()) {
        $("#responseVerify").html("Great job");
    }
    else {
        $("#responseVerify").html("Keep going...");
    }
}

Answer 1

function playerResponse(value) {
    $.ajax({
       type:'GET', 
       url: 'check_valid.php', 
       data: $.param({text: value})
    }).done(function(response){
        //update the result as good or oops
    });;
}

你的php代码必须处理文本输入并返回验证

Answer 2

您可以将字符串放在数组中并使用$.inArray函数。否则你可以使用str.contains函数，但我认为你不想要所有可能的子串，只需要用空格分隔的单词。

快速检查玩家的反应

2 个答案: