Form validation with regular expression on input

Question

I have this form and I want to enter minimum 3 chars to input area.

<form class="navbar-search pull-left" method="GET" action="xx.php">
    <input pattern=".{3,}" title="Enter min 3 chars" name="q" type="text" class="search-query span3" data-provide="typeahead" placeholder="Search..." />
 </form>

This is working when I enter less than 3 chars but greater than 0 char. But if I press enter button directly when input area active there is not any notification and form going its direction. I want to handle this. How? Thanks.

Jukka K. Korpela · Accepted Answer · 2014-01-02 14:25:05Z

2

You are missing the required attribute.

<form class="navbar-search pull-left" method="GET" action="xx.php">
<input pattern=".{3,}" title="Enter min 3 chars" name="q" type="text" 
class="search-query span3" data-provide="typeahead" 
placeholder="Search..." required/>
</form>

Fiddle here.

edited Jan 2, 2014 at 14:25

Jukka K. Korpela

203k38 gold badges282 silver badges408 bronze badges

answered Jan 2, 2014 at 14:20

Abu Nooh

8564 gold badges14 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

Form validation with regular expression on 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

Related