Javascript 必须按特定顺序按下按钮才能发送表单-jquery

我正在尝试制作一个益智游戏，在这个游戏中，用户必须按特定顺序按下按钮，在文本框（将隐藏）中填入密码（3位数字），如果用户按下按钮，例如（3,2,1），表单将自动提交并重定向到另一页

我试过了，但做不到

这是我的密码：

<form  method="POST">
<input type="text"  value="" id="text1" name="text1" style="width: 150px;" />
<br />
<input type="button" value="Click Me" id="1" />
<input type="button" value="Click Me" id="2" />
<input type="button" value="Click Me" id="3" />

</form>

---

我不能100%确定这是否正常工作，或者它是否会导致以下错误：

$(text1).val($(text1)+$(this).id); // might cause an error

代码：

---

你能试试这个，看看它是否有效吗？

如果你删除最后一段代码，它就有效了

$('#text1').trigger('change') {
     alert('Changed');
});

我认为最好的方法是使用字符串变量而不是文本输入，并在单击每个按钮后检查其值，例如

var string = "";
$('#1').click(function(e) {
    var = var + "1";
    $('#1').attr("disabled", true);     
    checkCode();
});
$('#2').click(function(e) {
    var = var + "2"; 
    $('#2').attr("disabled", true);     
    checkCode();
});
$('#3').click(function(e) {
    var = var + "3";
    $('#3').attr("disabled", true);    
    checkCode(); 
});

---

你可以这样做：foreach点击一个应答按钮，取消当前按钮的标签，更新输入值。一旦用户点击所有应答按钮，检查组合是否正确，如果正确，重定向你的页面

$（函数（）{
var correct_order=“321”；
var=0；
var max_clicks=$（'.answer'）。长度；
$（'.answer'）。单击（函数（e）{
点击++；
$（'#text1'）.val（$（'#text1'）.val（）+$（this.data（'info'））；
$（this.attr（“disabled”，true）；
如果（点击次数==最大点击次数）{
if（$（'#text1'）.val（）=正确的顺序）{
$（“#答案信息”）.html（“正确答案”
”；
window.location.href=”https://yourpage";
}
否则{
$（“#答案信息”）.html（“错误答案”
”；
}
}
});
});



您应该尝试重新表述您的问题，因为目前这不是一个真正的问题。如果你不希望人们仅仅为你编写一个解决方案，人们会更愿意帮助你。非常感谢，这正是我想要的！！惊人：）
$('#text1').trigger('change') {
     alert('Changed');
});

var string = "";
$('#1').click(function(e) {
    var = var + "1";
    $('#1').attr("disabled", true);     
    checkCode();
});
$('#2').click(function(e) {
    var = var + "2"; 
    $('#2').attr("disabled", true);     
    checkCode();
});
$('#3').click(function(e) {
    var = var + "3";
    $('#3').attr("disabled", true);    
    checkCode(); 
});