javascript - jQuery - 确保用户不会连续两次在文本输入中提交相同的值

Question

我正在创建一个神奇的 8 球应用程序，用户可以在其中的输入框中输入问题。他们按下提交按钮，答案将替换标题中的默认 html 文本。如果同一个问题被连续问了两次，我想显示一条警告消息而不是给出新的答案。我是 jQuery 的新手，我不太清楚如何存储最后输入的值。我真的很感激一些意见。提前谢谢你。

$(document).ready(function(){
    var questionValue;
    $("#submit").click(function() {
        //Make sure user doesn't ask same question twice in a row
        if (questionValue != $("#submit").val()) {

            //List of possible responses
            var response = ["Ask again later…", "Yes", "No", "It appears so", "Reply is hazy, please try again", "Yes, definitely", "What is it you really want to know?", "Outlook is good", "My sources say no", "Signs point to yes", "Don't count on it", "Cannot predict now", "As I see it, yes", "Better not tell you now", "Concentrate and ask again"];

            //generate a random number between 0-14
            var randomNumber = Math.floor(Math.random() * 15);

            //Present random answer
            $("#eightBallAnswer").text(response[randomNumber]);
        }
        else {
            alert("Ask a different question");
        }
        var questionValue = $("#submit").val();
    });
});

Answer 1

从点击处理程序函数的最后一行中删除 var，因为这是在该函数内创建一个局部变量，并且在调用点击处理程序之间不会保留该值。您想要引用在点击处理程序外部声明的 questionValue 变量。

所以改变:

var questionValue = $("#submit").val();

...到:

questionValue = $("#submit").val();

编辑: 我刚刚注意到您正在获取 ID 为 submit 的元素的值，点击处理程序绑定(bind)到的是同一元素，但不是似乎是对的。按钮的值不会在点击之间改变。您没有显示 HTML，所以我不确定文本框的 ID 是什么，但您应该在 if 条件和我显示的行中仔细检查该选择器.