【问题标题】:Error on using "min" attribute with input type "tel"使用输入类型为“tel”的“min”属性时出错
【发布时间】:2016-09-26 13:19:24
【问题描述】:

下面是我的代码sn-p

<input type="tel" min="1" id="maskBarToMile" name="toMile" class="form-control inp-to quantity-input maskBarToMile" value='<s:if test="%{parameterToMile != null}" ><s:property value="%{parameterToMile}" /></s:if>' />

但它在 w3c 验证中失败,我收到如下错误

此时元素输入上不允许使用最小属性。

如何将“min”属性与“tel”输入类型一起使用,以便通过 w3c 验证? PS:我是 HTML5 的新手。 TIA。

【问题讨论】:

  • 在电话号码的上下文中“min”是什么意思?!它要么是有效的电话号码,要么不是,要么是空的,要么不是。 “最少”数量的电话号码没有任何意义。

标签: html w3c-validation


【解决方案1】:

改用“数据最小值”。并输入 = 数字。

https://jsfiddle.net/o72k69cj/

试试看:

  <input type="number" data-min="1" id="maskBarToMile" onkeyup="validate_phone(this)">


   <script>
   function validate_phone(element)
   {
      var min = element.getAttribute('data-min');
      if (element.value.length<min)
      {console.log('value is not acceptable');}
   }
   </script>

【讨论】:

  • 这将避免验证错误,但它也不会做任何事情,因为data-* 本身毫无意义......
  • 你是对的。我已经对代码进行了更改,现在它可以工作了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-09-18
  • 2020-08-05
  • 2012-09-09
  • 2013-11-07
  • 2020-05-20
  • 1970-01-01
  • 2017-03-09
相关资源
最近更新 更多