HTML5输入 - 模式必需=" true"属性仍然允许表单提交

时间:2016-10-18 06:25:53

标签: html5 html-input

我有如下文本框

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required="true">

当我在文本框中未输入任何值的情况下提交表单时,会提交空字符串&#34;&#34; 。我希望 required =&#34; true&#34; 来捕获它并抛出错误。我认为required和pattern属性的组合导致它表现错误。

任何想法

3 个答案:

答案 0 :(得分:2)

你的语法错了。只需要required

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required>

它实际上是required="required"但你可以省略第二个并改用速记。

答案 1 :(得分:0)

请使用required =&#34; required&#34; insteed required =&#34; true&#34;

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required="required">

答案 2 :(得分:0)

只需添加&#34; /&#34;在所需的最后

<input type="text" name="country_code" pattern="[A-Za-z0-9|]{1,50}" title="Three letter country code" required />