HTML输入模式

时间:2016-04-14 17:34:11

标签: html

我在我的注册表格中使用输入模式,包括用户名,电子邮件和密码。

我已将用户名设置为5到15个字符,但是如果输入正确并且我提交的表单我无法提交,但仍然会收到所需的标题消息。任何想法?

<div class="col-sm-offset-2 col-sm-9"><td><input pattern=".{5, 15}" required title="Username should be between 5 - 15 characters"type="text" class="form-control" name="uname" placeholder="User Name" required/></td> </div>

3 个答案:

答案 0 :(得分:1)

您可以尝试使用此模式,它适用于此fiddle

pattern=".{5,15}$" 

答案 1 :(得分:1)

您必须删除空格。比较https://regex101.com/

的解释
 /.{5, 15}/
     
      
  • .匹配任何字符(换行符除外)
  •   
  • {5, 15}字面匹配字符{5,15}
  •   
     

 /.{5,15}/
     
      
  • .{5,15}匹配任何字符(换行符除外)
  •   
  • 量词:{5,15} 5至15次,尽可能多次,根据需要回馈[贪婪]
  •   

答案 2 :(得分:1)

删除15之前的空格:pattern=".{0,15}"