JQuery Input box focus problem

Question

I want to check some condition on blur of input box in jQuery. Once I lose focus from Input box I am not able to get focus again to that box.

Code:

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

Once i lose focus from $("#Amount") it's not setting focus to that control.

Thanks in advance.

Can you brief your question???... Can't understand. – Arun David Mar 31 '11 at 07:24 — Arun David, Mar 31 '11 at 07:24

score 2 · Accepted Answer · edited May 23 '17 at 12:14

2

Well, this is what you are looking for, I believe: http://jsfiddle.net/6Seks/5/

Edit: just noticed how close my answer is to Scroobler's post, though mine doesn't suffer the larger than 10000 bug his does.

edited May 23 '17 at 12:14

Community

1
1

answered Mar 31 '11 at 07:56

Levi Morrison

19,116
7
65
85

Cara !! Salvou minha vida hahaha `+1` – Jun 30 '15 at 13:59

score 1 · Answer 2 · edited May 23 '17 at 12:00

.focus() in jQuery will focus on the element, but won't give access to the text input when its within a .blur() event. You can use the .setTimeout() function to call the focus so it happens just after the .blur() event:

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

However, I would suggest changing things a little more to check the use has actually input a number as well:

$("#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);
    }
});

See it in action here

*Corrected as per Levi Morrison's comment*

@Scroobler This won't work mate... put in a number greater than 10000 and it still doesn't work. See my code (http://jsfiddle.net/6Seks/5/) and try if you can see what you did wrong ;) — Levi Morrison, Mar 31 '11 at 08:04
LoL - nice spot on the mistake! I'll blame the coffee not kicking in yet :-) — Scoobler, Mar 31 '11 at 08:17

score 0 · Answer 3 · answered May 12 '12 at 22:58

I´m not sure if i understand what you are looking for.
If you what do disable an input box after doing something you can use:

jquery

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

javascript

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

so it would be something like:

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

...sorry if this isn't what you are looking for.

This is not what the OP is asking. – Choylton B. Higginbottom Aug 10 '16 at 18:31 — Choylton B. Higginbottom, Aug 10 '16 at 18:31

score 0 · Answer 4 · answered Mar 31 '11 at 07:29

0

try some thing like this:

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

answered Mar 31 '11 at 07:29

Flavio CF Oliveira

5,235
13
40
63

It doesn't focus. You have to set a timeout on the focus. Irritating, really, but yeah. – Levi Morrison Mar 31 '11 at 08:12

JQuery Input box focus problem

4 Answers4