Html 输入时使用正则表达式进行表单验证

我有这个表格，我想输入至少3个字符的输入区域

<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>

---

当我输入少于3个字符但大于0个字符时，此选项有效。但若我在输入区激活时直接按回车键，那个么就并没有任何通知和表单指向它。我想处理这件事。怎么用？谢谢

您缺少

required

属性

<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>