使用輸入的正則表達式進行表單驗證

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>

在這里擺弄 。