[jQuery] Entered digits in input field to be processed as one number

[fishbaitfood]

Hello everyone,

I'm figuring out how to process entered digits as one number.

For now, I'm only able to process the input with the last entered, single digit.

Is there a way to store the entered digits to a string, and then make that string a number again?
Or maybe something more sufficient?

$("input.input-amount").live("keypress", function (e) {
	if (e.keyCode >= 48 && e.keyCode <= 57) {
		var amount = String.fromCharCode(e.keyCode);
		$(this).val(amount);
		var price = $(this).parent().next().find("input.input-price").val();
		var total = amount * price;
		$(this).parent().next().next().find("input").val(total);
	}
});

Thank you.

[SB65]

Run the event on the change event rather than the keypress:

$("input").live("change", function () {
    alert (parseInt($(this).val())); 
});

and use parseInt to force to an integer (you might need some validation as well).

[fishbaitfood]

Hey SB65,

This works, thank you, but my intention was to get the value as soon as you enter a number, for instant calculations.
That's why I thought maybe, with the use of my first example, to convert the entered digits to a string, and then back to a number?
Now it kinda behaves like .blur().

[SB65]

OK.

Maybe I'm missing something but why do you need to go via a string? Won't:

		$("input").live("keyup", function (e) {
		if (e.keyCode >= 48 && e.keyCode <= 57) {
				console.log(parseInt($(this).val()));
			};
		});

do what you need? So if the user types 123 into the input the code will produce 1, 12, 123 as the keys are pressed - is that what you want?

From a brief test in FF7 (only) I got better results with keyup compared to keypress, incidentally.

[fishbaitfood]

Yes, 1, 12, 123, is what I had already.
But when getting that value, I only get the last entered digit, instead of the whole value.

So, as I'm entering digits, it needs to continuously adjust the value, so it'll get the whole number, instead of only the last digit.

I hope this makes some sense to you.

[SB65]

Well, the code in my last post will produce 1, 12, 123, not just the last digit.

Your original code produces the value of the keypress - so you get 1, 2, 3, but what you want, I think, is the whole value of the input field - which is what this gives you.

[fishbaitfood]

Hmm, if I use your code, it won't do anything, not even to the console.

EDIT: nevermind, it works now!

Thanks again SB65!!

[SB65]

What browser are you using - I only tested in FF7.

EDIT:Works in IE8 as well.

[fishbaitfood]

It's for personal use only, and it works in the browsers I need, so I'm set!

Thanks a bunch, SB65, I think I'm gonna use .live a hell of a lot more from now on.