当我们安装微软的软件,多数软件是需要输入license key。它有五个文本框,输入完第一个文本框之后,光标自动跳至下一个文本框。 Insus.NET今天也使用asp.net来模仿一个。呵呵。
这个演示,在输入时,是不需要与服务端交互,只有全部输入完毕之后,用户点铵钮才进行验证。因此在这里,写Javascript来实现即可。
js:
复制代码 代码如下:
<script type="text/javascript">
function JumpToNextTextBox(currentTxtBox, nextTextBoxID) {
if (currentTxtBox.value.length >= 5) {
document.getElementById(nextTextBoxID).focus();
}
}
</script>
Html code:
复制代码 代码如下:
License Key:
<asp:TextBox runat="server" onkeyup="JumpToNextTextBox(this, 'Number2')"></asp:TextBox>
-
<asp:TextBox runat="server" onkeyup="JumpToNextTextBox(this, 'Number3')"></asp:TextBox>
-
<asp:TextBox runat="server" onkeyup="JumpToNextTextBox(this, 'Number4')"></asp:TextBox>
-
<asp:TextBox runat="server" onkeyup="JumpToNextTextBox(this, 'Number5')"></asp:TextBox>
-
<asp:TextBox runat="server" MaxLength ="5"></asp:TextBox>