Javascript 使用HTML按钮向输入和提交表单添加文本

目标：点击一个Div时弹出带有pin码输入的Div以获取此部分。在表单的文本输入字段中输入带有按钮的pin码。输入正确的4位数字后，无需按任何提交按钮即可重定向到新页面

我拥有的：通过切换div显示的样式，我得到了弹出的div：隐藏您必须单击的div以获得pin码输入div名为s_wrapper_date_time

我需要的是：当按下任何按钮时，它应该被添加到文本输入字段。输入正确的4位数字后，自动重定向到不同的页面。没有任何类型的提交按钮

代码： Home.php

脚本：

 <script type="text/javascript">
            $(".s_wrapper_date_time").click(function(){
                $("#code_input").toggleClass("s_hidden");
                $("#code_wrapper").toggleClass("s_hidden");
                //window.location.href = "overview.php?a=0";
            });
        </script>

谢谢你抽出时间

        pin_length = 4; //set your pin length.
        $(".s_btn_g").on("click", function(){
            $("#input_screen").val($("#input_screen").val() + $(this).text());
        });
        $("#input_screen").on("change", function(){
            if($(this).val().length === pin_length) $("form").submit(); //or window.location.href, whatever
        });

---

使用表单名称/id并使用表单操作属性确实比使用提交将查看器向下移动页面要好。此外，您还可以禁用Enter键提交。

您想让我们为您编写吗？您不需要jquery。你可以很容易地添加一个onclick标签，调用一个函数来设置一切，并在条件满足时提交。那么，你到底被困在哪里呢？处理按钮点击事件？向输入中添加文本？重定向用户？这些东西在谷歌上似乎都很容易找到。我认为人们阅读得不够仔细。在问题的末尾有一段我需要的内容，这段内容准确地解释了OP被卡住的地方。我并不觉得这太宽泛，也觉得很容易回答。我对jQuery相当陌生，所以我不太确定如何处理这个问题。也许应该在某个地方这样说。但德克斯特的答案对我来说很有用。谢谢你们的时间和帮助。干杯

        pin_length = 4; //set your pin length.
        $(".s_btn_g").on("click", function(){
            $("#input_screen").val($("#input_screen").val() + $(this).text());
        });
        $("#input_screen").on("change", function(){
            if($(this).val().length === pin_length) $("form").submit(); //or window.location.href, whatever
        });