Skip to content

Conversation

@etiktin
Copy link

@etiktin etiktin commented Nov 1, 2014

The togglePlaceholderForInput function decides wether to display or hide the placeholder by trimming the input value and checking it's length. If it's 0 the placeholder is displayed, otherwise it's hidden.
The issue here is that by trimming the value, we can confuse the user because we ignore the actual value. For example if the value is a bunch of spaces, we will show the placeholder like there's noting there, even
though the user might be able to submit it.

If whitespace is not a valid value, then the developer should use some validation mechanism to prevent it from being submitted and alert the user. It shouldn't be the responsibility of a placeholder plugin.

Here's a Codepen without the fix with an initial value made up of spaces (click on "Submit" to see what I mean):
http://codepen.io/anon/pen/bJBtL
And here's a Codepen with the fix (with the same initial value):
http://codepen.io/anon/pen/kDABj

The togglePlaceholderForInput function decides wether to display or hide
the placeholder by trimming the input value and checking it's length. If
it's 0 the placeholder is displayed, otherwise it's hidden.
The issue here is that by trimming the value, we can confuse the user
because we ignore the actual value. For example if the value a bunch of
spaces, we will show the placeholder like there's noting there, even
though the user might be able to submit it.

If whitespace is not a valid value, then the developer should use some
validation mechanism to prevent it from being submitted and alert the
user. It shouldn't be the responsibility of a placeholder plugin.

Here's a Codepen without the fix with a value made up of spaces (click
on "Submit" to see what I mean):
http://codepen.io/anon/pen/bJBtL
Here's a Codepen with the fix:
http://codepen.io/anon/pen/kDABj
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant