在输入上使用正则表达式进行表单验证答案

【问题标题】：Form validation with regular expression on input在输入上使用正则表达式进行表单验证
【发布时间】：2014-01-19 23:50:34
【问题描述】：

我有这个表格，我想在输入区域输入至少 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 个字符时，这是有效的。但是，如果我在输入区域处于活动状态时直接按 Enter 按钮，则不会有任何通知和表单朝着它的方向前进。我想处理这个。如何？谢谢。

【问题讨论】：

标签： html regex forms validation input

【解决方案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.

【讨论】：