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

Question

我有此表格，我想输入至少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个字符时，此方法有效。 但是，如果我在输入区域处于活动状态时直接按回车按钮，则不会有任何通知和表格向其方向移动。 我要处理这个。 怎么样？ 谢谢。

Answer 1

您缺少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>

在这里摆弄 。