Match a string but not a blank space using HTML5 input pattern

Question

I'm using the HTML5 pattern attribute in an <input> to return a match for a specific string: 'felfogtam'

My current markup is:

<input type="text" class="input input-small" pattern="felfogtam">

It does work, but the input is still valid if the field is empty. How can I change the regular expression to not allow a blank field?

If you post a working example of your code to a jsfiddle it will help with finding a solution. — Zack
– Zack, Commented Dec 31, 2012 at 22:51
@ZackT. I'm aware that jsFiddle exists, and I was sure that this code is simple enought to not use it. — SeinopSys
– SeinopSys, Commented Dec 31, 2012 at 22:52

Musa · Accepted Answer · 2012-12-31 22:51:39Z

6

Add the required attribute

<input type="text" class="input input-small" pattern="felfogtam" required>

answered Dec 31, 2012 at 22:51

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

1 Answer 1