使用HTML中的属性模式进行简单验证

Question

我并没有真正掌握这一点，但我想验证HTML格式的检查，即“模式”，这个例子我自己：

<input type='text' pattern='[-+]?[0-9]*[.,]?[0-9]+' />

这只验证一个号码。如何验证以逗号分隔的数字列表？

Answer 1

您似乎想要验证符合您的模式的逗号分隔数字字符串。

使用

let numbers = [0,2,1]
let sortedNumbers = numbers.sorted { $0 > $1 }

默认情况下，模式是固定的，因此无需在开始时使用pattern="[-+]?[0-9]*[.,]?[0-9]+(?:,[-+]?[0-9]*[.,]?[0-9]+)*" ，在结尾时使用^。

<强>详情：

• $ - 可选的[-+]?或-
• + - 0+位数
• [0-9]* - 可选的[.,]?或.
• , - 1+位数
• [0-9]+ - 零个或多个序列：
  • (?:,[-+]?[0-9]*[.,]?[0-9]+)* - 逗号
  • , - 数字模式（如上所述）。

请参阅下面的演示：

＆＃13;

＆＃13;

[-+]?[0-9]*[.,]?[0-9]+

＆＃13;

input:valid {
  color: green;
}
input:invalid {
  color: red;
}

＆＃13;

＆＃13;

＆＃13;