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

2021-08-26  本文已影响0人  Rose_yang

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>
   );
}
上一篇 下一篇

猜你喜欢

热点阅读