0

画像ごとに 1 つの入力フィールドを持つ画像クイズがあります。入力フィールドに入力された値が正しい答えと一致するかどうかを確認し、一致する場合は、いくつかの 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

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 に答える