为了账号安全,请及时绑定邮箱和手机立即绑定

当前输入框输入不正确,光标无论如何都不会跳转并alert警告,如果输入正确光标自动跳转到下一输入框!

当前输入框输入不正确,光标无论如何都不会跳转并alert警告,如果输入正确光标自动跳转到下一输入框!

holdtom 2023-04-08 18:14:30
请大家先耐心听我讲完这个问题,比较纠结:现在有一个这样的功能实现,页面有一组输入框,每完成一个输入后,光标会自动定位到下一输入框,这个功能我是用onkeyup事件来实现,就是判断输入长度是否满足,如果满足光标就向下一个跳转。但是在这个跳转前要先对这个输入框的内容作check,如果非法输入,将会弹出alert警告并保留原来光标位置。以上功能我都能用一个onkeyup事件来实现。除此之外还有一个功能实现,就是如果输入框输入非法触发完onkeyup事件光标保留当前输入框后,若此时用鼠标点击其他地方时还要弹出警告alert提示输入不正确,这个功能我是用onblur实现的,以上这两个功能我都能单独实现,可是放在一起这光标就不好控制了,求js达人帮忙啊。其实最后就是为了实现"当前输入框输入不正确,光标无论如何都不会跳转并alert警告(包括鼠标点击其他地方),如果输入正确光标自动跳转到下一输入框!"这功能,万分感谢!
查看完整描述

1 回答

?
心有法竹

TA贡献1866条经验 获得超5个赞

你可以用如下的思路

  1. setInterval来代替onkeyup做异步检查

  2. onblur以后如果检查不合格,强行focus原来的input

这是伪代码

function check() {
    // 执行检查代码
}

setInterval(function () {    if (check()) {
        // go to next input
    }
}, 100);input.onblur = function () {    if (!check()) {        input.focus();
        alert('error');
    }
};


查看完整回答
反对 回复 2023-04-11
  • 1 回答
  • 0 关注
  • 149 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信