使用ant desgin 過程中 會遇到輸入金額的情況,話不多說上代碼
<Form.Item label='原價'>
{getFieldDecorator('prices', {
rules: [
{
required: true,
pattern: new RegExp(/^(([1-9]\d*)|\d)(\.\d{1,2})?$/, 'g'), // 只能輸入數(shù)字跟小數(shù)點 兩位小數(shù)
message: '請輸入正確的金額'
}
],
getValueFromEvent: (event) => {
return event.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能輸入兩位小數(shù)
}
})(
<Input
placeholder='請輸入'
type='number'
/>
)}
</Form.Item>