美文网首页
ant desgin input 输入价格金额做限制

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

作者: _一九九一_ | 来源:发表于2019-12-26 15:42 被阅读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>
    

    相关文章

      网友评论

          本文标题:ant desgin input 输入价格金额做限制

          本文链接:https://www.haomeiwen.com/subject/zctloctx.html