美文网首页
antd form rules partten 不能使用反向正则

antd form rules partten 不能使用反向正则

作者: Rose_yang | 来源:发表于2021-08-26 20:23 被阅读0次

Rules 支持validator 使用正向正则进行判断,然后return promise;

if (type === 'url') {
   const reg = new RegExp(/[=&#?]+/);
   // 字段名称 需要正则校验 输入字符串


   return (
      <Form ref={this.urlForm} className="mar-t-8">
         <Form.Item
            name="url"
            initialValue={currentThird}
            rules={[
               ({ getFieldValue }) => ({
                  validator(_, value) {
                     if (reg.test(value)) {
                        return Promise.reject(
                           new Error('字段名不能包含?&=#')
                        );
                     }


                     return Promise.resolve();
                  },
               }),
            ]}
         >
            <Input
               style={style}
               onChange={() => this.onUrlInputChange()}
            />
         </Form.Item>
      </Form>
   );
}

相关文章

网友评论

      本文标题:antd form rules partten 不能使用反向正则

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