如何允许输入长度0和> = 6

时间:2017-09-27 11:50:25

标签: html input content-length

目前我已经建立了这样的密码表单。

  <input id="password" name="password" type="password" minlength='6' ng-model="model.password"
         placeholder="Password"
         required/>

此处密码长度超过6。 但默认用户没有密码并允许0长度密码。 我不知道该怎么做。 必须看起来像这样(不使用javascript)

  <input id="password" name="password" type="password" length='0 || > 6' ng-model="model.password"
         placeholder="Password"
         />

这甚至可能吗?

1 个答案:

答案 0 :(得分:1)

你想用这个:

&#13;
&#13;
<input id="password" name="password" type="password" ng-model="model.password" placeholder="Password" pattern="|.{6}.*" />
&#13;
&#13;
&#13;

required强制该字段必须为非空。不要使用它。 代码中的数字意味着最小长度。见说明。

说明

在此处使用pattern属性。它定义了一个描述内容的RegEx(正则表达式)。检查由浏览器完成。 也可以在服务器端进行检查。

实施例

&#13;
&#13;
<input pattern="|......+" />
&#13;
&#13;
&#13;

模式描述:

|表示&#34;或&#34; (空字符串(左侧)或......+(右侧))

.表示任何字符(仅一个)

.+表示一个或多个字符。

使用更多点(.)来设置更长的字符串。

如果您想使用数字,请使用:

&#13;
&#13;
<input pattern="|.{6}.*">
&#13;
&#13;
&#13;

{}之间的数字是长度。

.{number}表示长度固定的字符串。

.*表示字符串(0个或更多字符)