id-python / members

Python Indonesia community maps
http://members.python.or.id
GNU General Public License v2.0
9 stars 7 forks source link

Form error message should not be in placeholder #22

Closed iromli closed 10 years ago

iromli commented 10 years ago

When form validation failed, the error message is populated in placeholder.

fig-2

Unfortunately, it's hard to see the error message when the field is filled.

fig-1

We need to move the error message into it's own HTML tag, e.g. :

<div class="form-group">
  <div class="input-group input-group-sm">
    <span class="input-group-addon">Email</span>
    <input type="email" class="form-control" placeholder="Required" id="email" name="email" value="" required />
    <p>Error message</p>
  </div>
</div>