Add class if input not empty on-the-fly

[Aso]

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]

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]

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]

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