javascript正则表达式允许输入浮点数或百分比整数

Question

我有这个输入

<input id="discount" type="text">

我只允许用户输入浮点数或百分比整数。

示例：
 10.5
 10％

请帮助我！

Answer 1

您可以使用此简单的RegExp来验证输入-(^\d+.?\d+$)|(^\d+%$)。它将验证整数，小数和结尾为%的整数。

工作演示：

<form onsubmit="return false">
  <input type="text" pattern="(^\d+\.?\d+$)|(^\d+%$)" required>
  <button type="submit">Submit</button>
</form>

Answer 2

您可以使用数字<input id="discount" type="number">的类型来定义数字输入字段。