javascript - 输入类型 ="text"货币验证

Question

我目前有一个输入类型=“文本”，我在“keyup”事件中将其转换为货币值。为了保持这个功能(工作正常)，输入类型必须设置为“文本”。同时，我想为其设置最小值“100.00”。 我有什么办法可以做到这一点？另外，我是否可以将我的 jquery 验证消息自定义为“最低金额 $100.00”？

$('input.number').keyup(function(event) {
  $(this).val(function(index, value) {
    return value
      .replace(/\D/g, "")
      .replace(/([0-9])([0-9]{2})$/, '$1.$2')
      .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ",");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input required id="balance" name="balance" type="text" class="number" />

Answer 1

您可以在输入字段中添加此属性:minlength="5"

<input required id="balance" name="balance" type="text" class="number" minlength="5" />

并且在您的 JS 代码中，您可以添加一个“if”语句来检查此输入是否至少包含 5 个字符。

此外，您可以在后端添加相同的“if”语句以再次检查。