jQuery输入框焦点问题答案

【问题标题】：JQuery Input box focus problemjQuery输入框焦点问题
【发布时间】：2011-03-31 07:22:24
【问题描述】：

我想检查 jQuery 中输入框模糊的一些情况。一旦我失去了输入框的焦点，我就无法再次获得该框的焦点。

代码：

if ($("#Amount").val() < 10000) { 
    alert('The minimum amount is $10,000.'); 
    $("#Amount").focus();
} 
else {
}

一旦我从$("#Amount") 失去焦点，它就不会将焦点设置到该控件。

提前致谢。

【问题讨论】：

你能简单介绍一下你的问题吗？？？...听不懂。

标签： jquery focus inputbox

【解决方案1】：

嗯，这就是你要找的，我相信：http://jsfiddle.net/6Seks/5/

编辑：刚刚注意到我的答案与Scroobler's post 有多接近，尽管我的并没有遭受他的超过 10000 个错误。

【讨论】：

卡拉！！ Salvou minha vida hahaha +1

【解决方案2】：

jQuery 中的.focus() 将专注于元素，但当它在.blur() 事件中时不会授予对文本输入的访问权限。您可以使用.setTimeout() 函数调用焦点，使其在.blur() 事件之后发生：

$("#Amount").blur(function() {
    if ($("#Amount").val() < 10000) { 
        alert('The minimum amount is $10,000.'); 
        setTimeout(function() {
            $("#Amount").focus();
        }, 100);
    }
});

但是，我建议多做一些更改以检查用户是否也实际输入了一个数字：

$("#Amount").blur(function() {
    var obj = $(this);
    if (isNaN(obj.val()) || obj.val() < 10000) { 
        $('#result').html('The minimum amount is $10,000.'); 
        setTimeout(function() {
            obj.focus();
        }, 100);
    }
});

查看action here

*根据Levi Morrison的评论更正*

【讨论】：

@Scroobler 这行不通，伙计……输入一个大于 10000 的数字，它仍然不起作用。查看我的代码 (jsfiddle.net/6Seks/5) 并尝试看看你做错了什么；)
大声笑 - 错误的好地方！我会责怪咖啡还没有开始:-)

【解决方案3】：

尝试这样的事情：

$("#Amount").blur(function() {
    if ($(this).val() < 10000) {
        alert('your message...');
        $(this).focus();
    }
})

【讨论】：

它不聚焦。您必须在焦点上设置超时。真的很烦人，但是是的。

【解决方案4】：

我不确定我是否理解您在寻找什么。
如果您在执行某些操作后禁用输入框，您可以使用：

jquery

$("#Amount").prop("disabled", true);

javascript

document.getElementById("Amount").disabled = true;

所以它会是这样的：

$("#Amount").change(function() { 
    if (this.value > 10000) {
        alert('The minimum amount is $10,000.');
    }
    else {
        document.getElementById("Amount").disabled = true;
    };
})

...对不起，如果这不是您要找的。p>

【讨论】：

这不是 OP 所要求的。