输入验证/指令，带有角度 8 中的数字模型

Question

>验收标准：

• 类型/型号 = 数量

• 十进制数

• 小数点后两位

•允许使用点和逗号(11,00,12.00)

• 您不应该输入负数

•不应该设置点和逗号两次

• 数字应如下所示" 例如 20.21">

• 所有这些验收标准都应在输入时检查

这对我来说不是解决方案：

<input type='number' step='0.01' value='0.00' placeholder='0.00' />

<input type="number" name="price"
pattern="[0-9]+([.,][0-9]+)?" step="0.01"
title="This should be a number with up to 2 decimal places.">

Answer 1

您当前的模式在正确的轨道上，稍作修正，就会变成：

[0-9]+(?:[.,][0-9]{1,2})?

这将匹配没有任何小数部分的整数，或者匹配由一位或两位数字组成的十进制部分的整数。

演示

为了明确 HTML<input>标记中的此pattern属性的实际作用，它会启用或禁用随附的<submit>按钮，具体取决于输入文本是否与模式匹配。 根据 HTML 标准，模式已经被^和$锚点包围。 但是用户可以自由输入他想要的任何文本。