Ran into an issue earlier today that I could not figure out and ended up asking my second question on StackOverflow in seven years.
I was trying to use <input type="number" pattern="[0-9]{8}"> to enforce 8-digit numbers while allowing leading zeros. This was being done on an optional field (no required attribute) and I could not understand why it was bypassing my pattern on the populated field (eg: value “1234” was accepted, pattern ignored).
Do you have a password field that the user wants to be able to view at the click of a button? Here is the solution I came up with to handle that need…
The field…
<div class="input-group">
<input type="password" name="password" value="P@$$w0rD" placeholder="Password" id="input-password" class="form-control" required>
<span id="view-password" class="input-group-addon"><i class="fa fa-eye" aria-hidden="true"></i></span>
</div>
The javascript… Continue reading