SCSS check if a text field has user input

Question

I'm trying to have different styles for whether a user has typed something into a text field or not. There doesn't seem to be a pseudo-class (like :hover or :focus) for this, but honestly, I'm not even sure how to google for it. I was thinking I could use an @if but im also not sure how to go about that. Any help would be great.

Are you using precompiled SASS (like with SimpLESS or Scout), or something like sass.js to compile / interpret the SASS on demand? — Jason M. Batchelor
– Jason M. Batchelor, Commented May 22, 2013 at 19:31
Sass knows nothing about the DOM or anything about your document, it only compiles to CSS. CSS does have psuedo classes like :required or :invalid. — cimmanon
– cimmanon, Commented May 22, 2013 at 20:47
There's an answer in another question regarding this method: stackoverflow.com/a/8695114/1384441 — chaenu
– chaenu, Commented May 23, 2013 at 9:39

Marius Stuparu · Accepted Answer · 2013-05-23 09:08:39Z

1

You can't do that with Sass (as cimmanon said), it's only a superset for css; you can only create rules for some pseudo-classes / cases.

You can validate fields with JavaScript or server-side languages - there are tons of plugins for almost any JS frameworks, and for vanilla JS also.

Just one example: https://github.com/posabsolute/jQuery-Validation-Engine

answered May 23, 2013 at 9:08

Marius Stuparu

4743 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

SCSS check if a text field has user input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest