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>

Fiddle here

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

1 个答案: