ant desgin input 输入价格金额做限制

使用ant desgin 过程中 会遇到输入金额的情况，话不多说上代码

<Form.Item label='原价'>
  {getFieldDecorator('prices', {
    rules: [
      {
        required: true,
        pattern: new RegExp(/^(([1-9]\d*)|\d)(\.\d{1,2})?$/, 'g'),  // 只能输入数字跟小数点 两位小数
        message: '请输入正确的金额'
      }
    ],
    getValueFromEvent: (event) => {
      return event.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')  // 只能输入两位小数
    }
  })(
    <Input
      placeholder='请输入'
      type='number'
    />
  )}
</Form.Item>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容