正則，ant antd from驗證input框只能輸入數字

問題：Input框中如果只能需要輸入Id，也就是數字型字符串，需要進行驗證。

解決辦法

對其進行實時正則驗證，

/^[1-9]\d*$/

　　

<Form.Item label='ID' >
     {
        getFieldDecorator('id', {
             rules:[{
                 required:false,
                 pattern: new RegExp(/^[1-9]\d*$/, "g"),
                 message: '請輸入正確的ID'
             }],
             getValueFromEvent: (event) => {
                 return event.target.value.replace(/\D/g,'')
             },
             initialValue:''
        })(<Input />)
     }
 </Form.Item>

　　

這樣的操作就是輸入框只能輸入數字，輸入字符是不被允許的，也就是輸入不進去字符，從前端確保提交數據格式的正確性