antd 表單域驗證規則 - 只能輸入數字字符,去除前導0

<Form {...formItemLayout}>
    <Form.Item label='用戶Id'>
        {getFieldDecorator('uid', {
            initialValue: undefined,
            rules: [{ required: true, message: '請輸入用戶id', pattern: new RegExp(/^[1-9]\d*$/, 'g') }],
            getValueFromEvent: e => e.target.value.replace(/\D/g, '').replace(/\b(0+)/gi, ''),
        })(<Input />)}
    </Form.Item>
</Form>

關鍵處:

1. getValueFromEvent,輸入時替換掉不需要的內容

2. rules中pattern的寫法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章