首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Tab键无法在文本框之间切换

Tab键无法在文本框之间切换
EN

Stack Overflow用户
提问于 2016-06-28 15:29:40
回答 2查看 462关注 0票数 0

我有5个文本框,比如名字,姓氏,地址,城市,州。我使用jquery做了验证,以限制输入数字和特殊的characters.but,问题是Tab键无法切换到下一个文本框。下面是ASP.NET代码

代码语言:javascript
复制
   <form id="form1" runat="server">
    <div>

        <asp:TextBox runat="server" ID="text_firstname" onkeydown="return keydown(event)" MaxLength="45" />
        <label>Last Name</label>
        <asp:TextBox runat="server" ID="text_lastname" onkeydown="return keydown(event)" MaxLength="45" />
        <label>Address</label>
        <asp:TextBox runat="server" TextMode="MultiLine" ID="text_address" Rows="2" MaxLength="95"></asp:TextBox>
        <label>City</label>
        <asp:TextBox runat="server" ID="text_city" onkeydown="return keydown(event)" MaxLength="45" />
        <label>State</label>
        <asp:TextBox runat="server" ID="text_state" onkeydown="return keydown(event)" MaxLength="45" />

    </div>
</form>

这是我的Jquery

代码语言:javascript
复制
function keydown(e) {
    var key = e.keyCode;
    if (!((key == 8) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) {
        e.preventDefault();
    }
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-06-28 15:38:33

您还必须将tab键(9)添加到代码中。否则,e.preventDefault()将阻止跳转到下一个字段。

代码语言:javascript
复制
key == 9
票数 3
EN

Stack Overflow用户

发布于 2016-06-28 15:42:36

HurraH!我知道了..。我不得不给你

代码语言:javascript
复制
function keydown(e) {
    var key = e.keyCode;
    if (!((key == 8) || (key==9) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) {
        e.preventDefault();
}

工作正常

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38069763

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档