Constantly refresh Javascript values of text fields

Question

I'm working on an input form, and I have a Javascript function that gets all of the field values when you press a button. I am looking for a way to automatically refresh the Javascript values (so I can, for example, check if a username is too short on a registration page as they type, and also check if the username is available). Would this be possible?

To clarify, I have an HTML input field (for text), and as the user is typing a result, automatically update.

I'm also open to using PHP or jQuery if it's not possible using solely Javascript, but I'd prefer Javascript if it's possible. Also, sorry if this is a rather basic question, but I've searched and searched and can't find anything on it. I know it's possible because I've seen it on websites (in fact, even on this one, as you type a question, it updates the preview at the bottom).

Hoang Lam · Accepted Answer · 2013-01-17 03:42:15Z

2

You should use JQuery Validation Plugin to reduce the heavy checking. Check this one out at http://jquery.bassistance.de/validate/demo/

answered Jan 17, 2013 at 3:42

Hoang Lam

4641 gold badge9 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vic · Accepted Answer · 2013-01-17 03:49:12Z

1

No jQuery needed

<input type="text" onKeyUp="validate(this.value);">

function validate(value){
    //validate code on value
}

answered Jan 17, 2013 at 3:49

Vic

9,0817 gold badges48 silver badges56 bronze badges

Comments

petermk · Accepted Answer · 2013-01-17 03:39:24Z

1

You should monitor onkeyup event

<input type="text" id="test">

$('#test').on('keyup', function() { //this function is triggered every time the user releases a key while typing inside the text field above
    //do whatever you want here
});

answered Jan 17, 2013 at 3:39

petermk

7771 gold badge6 silver badges20 bronze badges

3 Comments

Piccolo Over a year ago

Is that just normal Javascript, or is it jQuery? I ask because I don't recognize the $ phrase. As you can probably tell, I am new to this language.

petermk Over a year ago

That's jQuery. Regular JS is a bit more complex here, as different browsers use different functions to bind events.

petermk Over a year ago

Here's how you do it without jQuery: creativemeat.com/development/…

Collectives™ on Stack Overflow

Constantly refresh Javascript values of text fields

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related