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,'') 
                            }
                        }

利用正则,如果匹配到中文,自动转换为空值

上一篇 下一篇

猜你喜欢

热点阅读