美文网首页
React antd Form表单中 限制输入框输入中文

React antd Form表单中 限制输入框输入中文

作者: nomooo | 来源:发表于2020-05-26 14:48 被阅读0次
                    <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,'') 
                            }
                        }

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

相关文章

网友评论

      本文标题:React antd Form表单中 限制输入框输入中文

      本文链接:https://www.haomeiwen.com/subject/eotvahtx.html