创建javascript以自动导航到页面的所有文本框。 [英] create javascript for automatic navigation to all textboxes of a page.?

问题描述

Hello All，



我的页面上有多个文本框，我想设置它在达到文本框的最大长度时自动导航。 />
我正在使用这个javascript代码： -

Hello All,

I have multiple textboxes on my page and i want to set it automatically navigate when it reaches to its max length of a textbox.
I am using this javascript code for this:-

<script type="text/javascript">
    function checkSUP() {
        var letters = document.getElementById("TXTSUP").value.length + 1;
        if (letters <= 1) {

            document.getElementById("TXTSUP").focus();

        }

        else {

            document.getElementById("TXTPHE").focus();

        }

    }

</script>

但它没有用......任何人都建议我解决这个问题...

but its not working...anyone suggest me the solution for this...

推荐答案

我在下面用过HTML和JavaScript代码...它按预期工作：

I used below HTML and JavaScript code...and it is working as expected:

First TextBox
<input id="TXTSUP" type="text" maxlength="5" onkeyup="checkSUP()" />
Second TextBox
<input id="TXTPHE" type="text" />

<script type="text/javascript">
    function checkSUP() {
        var maxCharForTXTSUP = document.getElementById("TXTSUP").getAttribute("maxlength");
        var numbersOfChar = document.getElementById("TXTSUP").value.length;

        if (numbersOfChar < maxCharForTXTSUP) {

            document.getElementById("TXTSUP").focus();

        }

        else {

            document.getElementById("TXTPHE").focus();

        }

    }

</script>

请注意......不要使用输入标签的value属性...它可能会添加额外的字符到我们在下面的行中：

Just a caution...Do not use "value" attribute of input tags...It may add additional characters to length which we are getting in below line:

var numbersOfChar = document.getElementById("TXTSUP").value.length;

这篇关于创建javascript以自动导航到页面的所有文本框。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！