在IE下如何锁定input的焦点
$('#nickname').blur(function(event) {
var $this = $(this);
var $tip = $this.next('span');
if (this.value.length < 2 || this.value.length > 10) {
$tip.html('昵称长度为2-10个字');
this.focus();
return false;
}
});
$('#password').blur(function(event) {
var $this = $(this);
var $tip = $this.next('span');
if (this.value.length < 6 || this.value.length > 15) {
$tip.html('密码长度为6-15位');
this.focus();
return false;
}
});我这样写，在chrome下没问题，firefox不管，IE下会两个input之间来回跳，直接到浏览器卡死！！！
展开
收起
1
条回答
写回答
写回答
-
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>test</title> <script src="/js/jquery-1.8.3.min.js"></script> <script> $(function() { var fna = function(event) { var $this = $('.nickname'); var $tip = $this.next('span'); if ($this.get(0).value.length < 2 || $this.get(0).value.length > 10) { $tip.html('昵称长度为2-10个字'); $('.password').off('blur'); $this.get(0).focus(); return false; } else{ $('.password').on('blur',fnb); } } var fnb = function(event) { var $this = $('.password'); var $tip = $this.next('span'); if ($this.get(0).value.length < 6 || $this.get(0).value.length > 15) { $tip.html('密码长度为6-15位'); $('.nickname').off('blur'); $this.get(0).focus(); return false; } else{ $('.nickname').on('blur',fna); } } $('.nickname').off('blur').on('blur',fna); $('.password').off('blur').on('blur',fnb); }) </script> <!-- Fav and touch icons --> </head> <body> <div> <input type="text" value="" class="nickname" /> <span></span> </div> <div> <input type="text" value="" class="password" /> <span></span> </div> </body>2019-07-17 19:54:41赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
