Question

我已经尝试了以下代码，但是在启动密钥事件时它显示异常。

<form id="form1" runat="server">
<div>
    Card Number :
    <asp:TextBox ID="Text1" runat="server" MaxLength="4"  Width="40px" onkeyup="MoveCorsor(this, 'Text2');"/>
    <asp:TextBox ID="Text2" runat="server" MaxLength="4" onkeyup="MoveCorsor(this, 'Text3');" Width="40px"/>
    <asp:TextBox ID="Text3" runat="server" MaxLength="4" onkeyup="MoveCorsor(this, 'Text4');" Width="40px"/>
    <asp:TextBox ID="Text4" runat="server" MaxLength="4" Width="40px"/>
</div>
    <script type="text/javascript">
        function MoveCursor(FromTextBox, ToTextBox)
        {
            var length = FromTextBox.value.length;
            var maxLength = FromTextBox.getAttribute("MaxLength");
            if(length==maxLength)
            {
                document.getElementById(ToTextBox).focus();
            }
        }
    </script>
</form>

Answer 1

错误 - 在所有文本框中调用onkeyup（）函数时拼写错误。实施例

onkeyup="MoveCorsor(this, 'Text3');"

请检查以下代码 - 它在我的系统中正常运行。

<html>
    <head>
    <script type="text/javascript">

     function MoveCursor(FromTextBox, ToTextBox)
            {
                var length = FromTextBox.value.length;
                var maxLength = FromTextBox.getAttribute("MaxLength");
                if(length==maxLength)
                {
                    document.getElementById(ToTextBox).focus();
                }
            }

    </script>

    <body>

    <input type="text" ID="Text1" runat="server" MaxLength="4"  Width="40px" onkeyup="MoveCursor(this, 'Text2');"/>
    <input type="text" ID="Text2" runat="server" MaxLength="4" onkeyup="MoveCursor(this, 'Text3');" Width="40px"/>
    <input type="text" ID="Text3" runat="server" MaxLength="4" onkeyup="MoveCursor(this, 'Text4');" Width="40px"/>  
    <input type="text" ID="Text4" runat="server" MaxLength="4" Width="40px"/>

    </body>
    </html>

JavaScript onkeyup例外

1 个答案: