Question

我的代码遇到了一个小问题，我想知道是否有人可以解释我的错误。

第一个文本框应该在页面加载时获得焦点，但这似乎不起作用。

当第一个文本框达到特定数量的字符时，下面的代码应该从1个文本框跳到另一个文本框。

第二个文本框应在文本框达到特定数量的字符后提交表单。

所以我知道函数check() and submit()不起作用，但我无法弄清楚问题是什么。

有人可以帮助我吗？

<head>
    <!-- Include the needed files-->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script language="javascript">

        function check() {
            var inhoud = document.formsubmit.locatienummer.value.length + 1;
            if (inhoud <= 10)
            { document.formsubmit.locatienummer.focus() }
            else
            { document.formsubmit.bonnummer.focus() }
        }

        <!-- This code makes the form submit -->
        function submit() {
            var inhoud2 = document.bonnummer.value.length + 1;
            if (inhoud2 <= 10)
            { document.formsubmit.bonnummer.focus() }
            else
            { document.formsubmit.submit() }
        }

    </script>
</head>

<body onload="document.formsubmit.locatienummer.focus()">

    <div class="wrapper">
        <fieldset>
            <legend>Locatiescanner</legend>
            <br />
            <form name="formsubmit" method="POST">
                Locatienummer:
                <br />
                <input type="text" name="locatienummer" onkeyup="check()"><br />
                Bonnummer:
                <br />
                <input type="text" name="bonnummer" onkeyup="submit()"><br />
            </form>
        </fieldset>
    </div>
</body>
</html>

Answer 1

你忘记了等号

<form name"formsubmit" method="POST">

/

<form name="formsubmit" method="POST">

Answer 2

您的HTML无效试试此

<div class="wrapper">
    <fieldset>
    <legend>Locatiescanner</legend><br/>
        <form name="formsubmit" method="POST">
            Locatienummer: <br/>
            <input type="text" name="locatienummer" onKeyUp="check()"/><br/>
            Bonnummer: <br/>
            <input type="text" name="bonnummer" onKeyUp="submit()"/><br/>
        </form>
    </fieldset>
</div>

您忘记了来自=的{{1}}符号并且你没有结束输入元素

Javascript似乎忽略了我的功能

2 个答案: