使用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語句中放置的內容。

如果有人偶然發現了這個問題並希望得到這個答案，希望對您有所幫助！