React：input输入框只能输入英文和特殊字符(可以自定义限制)

最新推荐文章于 2023-12-12 17:54:53 发布

HELLFS

最新推荐文章于 2023-12-12 17:54:53 发布

阅读量3.8k

点赞数

分类专栏： react React开发笔记文章标签： react input

本文链接：https://blog.youkuaiyun.com/zhangruilinmoo/article/details/119424673

版权

react 同时被 2 个专栏收录

9 篇文章

订阅专栏

React开发笔记

3 篇文章

订阅专栏

React：input输入框只能输入英文和特殊字符(可以自定义限制)

直接上代码：

antd3.x版本

render(){
    return (
    	<Form.Item>
        	{
                getFieldDecorator('username',{
                    rules:[...],
                    //重点
                    getValueFormEvent: (event) => {
                    	//正则匹配的是汉字和数字
                    	return event.target.value.replace(/[\u4e00-\u9fa50-9]/g,'')
                	}
                })(
                	<Input/>
                )
            }
        </Form.Item>
    )
}

antd4.x及以上版本

render(){
    return (
    	<Form.Item
            //重点
        	getValueFromEvent={(event) => {
                //正则匹配的是汉字和数字
                return event.target.value.replace(/[\u4e00-\u9fa50-9]/g,'')
            }}
        >
        	<Input/>
        </Form.Item>
    )
}