忽略给定模式HTML的区分大小写

时间:2017-03-17 08:55:15

标签: javascript html

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern

在上面的代码中,如果我们用pattern =“(W - ([0-9] {1,3})KG)替换模式?

应该预期的值是以下格式: “W-23KG”

我知道忽略区分大小写,我们必须使用(?i)

因此,如果模式更改为pattern =“(W - ([0-9] {1,3})KG)?(?i)”接受以下值: “W-23公斤” “W-23KG” “W-23kg”

但是,出了什么问题,它还接受如下值:

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">
  Country code: <input type="text" name="country_code" pattern="(W-([0-9]{1,3})KG)?" title="Three letter country code">
  <input type="submit">
</form>

<p><strong>Note:</strong> The pattern attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>

</body>
</html>

“W-23kgW-23kgabcdefgh”

1 个答案:

答案 0 :(得分:0)

没有通用的方法可以忽略模式属性中的大小写,但在您的情况下,您可以使用[Ww][Kk]等使单个字母不区分大小写。

<input type="text" name="country_code" 
       pattern="([wW]-([0-9]{1,3})[kK][gG])" 
       title="Three letter country code">