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

2019-12-26  本文已影响0人  _一九九一_

使用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>
上一篇下一篇

猜你喜欢

热点阅读