React antd Form表单中 限制输入框输入中文
2020-05-26 本文已影响0人
nomooo
<Form.Item
name="name"
label="账号:"
getValueFromEvent = {
(event) => {
return event.target.value.replace(/[\u4E00-\u9FA5]/g,'')
}
}
rules={
[
{
validator: (_, value) => {
if (value !== undefined) {
if (value.length > 5) {
return Promise.resolve()
} else {
return Promise.reject('账号长度不得小于6位!')
}
} else {
return Promise.reject('账号不得为空!')
}
},
}
]}
>
<Inputs />
</Form.Item>
主要代码
getValueFromEvent = {
(event) => {
return event.target.value.replace(/[\u4E00-\u9FA5]/g,'')
}
}
利用正则,如果匹配到中文,自动转换为空值