<Form.Item label="名字">
{getFieldDecorator('name', {
rules: [
{
required: true,
message: '请输入名字',
},
// 方式一:正则匹配(提示错误,阻止表单提交)
{
pattern: /^[^\s]*$/,
message: '禁止输入空格',
}
],
// 方式二:粗暴点<Input>不允许输入空格(其实是将e.tartget.value转成控件自己的值)
// 这个方法的用途非常强大,还可以结合upload做一些文件上传之后的回调处理
getValueFromEvent: (event) => {
return event.target.value.replace(/\s+/g,"")
},
})(<Input size="large" placeholder="请输入名字" maxLength={20} />)}
</Form.Item>
JavaScript replace() 方法:
定义和用法
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法:
stringObject.replace(regexp/substr,replacement)
*/}
React Antd:
<Search
placeholder={keyPeruser || '搜索学员昵称或者学号'}
onSearch={(value) => handleSearch(value.replace(/\s+/g,""))}
size="large"
enterButton
/>