Add class if input not empty on-the-fly

Aso · #1 Feb 28th, 2008, 15:52

How could I check if any input in a form is no longer empty, and if so give it a class 'ent', in real time.

And if a user went back and deleted the contents of the input, the class would be removed.

Many thanks

Alex

Jack Franklin · #2 Feb 28th, 2008, 16:11

Well, i'm stating the obvious but javascript is done when the page loads right? But AJAX is done without needing Refreshing, so maybe that might be the key??

Aso · #3 Feb 28th, 2008, 16:37

I'm not sure if I'd need AJAX - I don't need to communicate with the server here.

It's hard to explain because I'm not sure how it works anyway

How about this?

Code: Select all

onMouseOut {
    
    //Check if input is empty
    
    if empty {
         // add class 'ent'
    }
    if not empty {
        // remove class (if it exists)
    }
}

(I know that's non-existent code, but it helps me explain

)

Jack Franklin · #4 Feb 28th, 2008, 16:47

THat could work. I've only just started working with Javascript, so I'm no expert.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
isset and empty	karinne	PHP Forum	15	Jan 28th, 2008 12:37
[SOLVED] div class and div id	danny322	Web Page Design	1	Nov 22nd, 2007 12:52
FLASH - validating input fields if empty before clicking submit button	kyutkb	Flash & Multimedia Forum	3	Jul 24th, 2007 15:38
array of class	janper	Flash & Multimedia Forum	4	Apr 9th, 2007 13:54
asp script to show element if 2 recordset are both empty?	therese	Classic ASP	4	Dec 1st, 2005 10:24

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Add class if input not empty on-the-fly