风华正茂、时光流逝、真爱时光、努力创建辉煌。

正则,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>

  

这样的操作就是输入框只能输入数字,输入字符是不被允许的,也就是输入不进去字符,从前端确保提交数据格式的正确性

  

 

posted @ 2020-09-01 09:58  野马,程序源改造新Bug  阅读(6394)  评论(0编辑  收藏  举报