reactjs - 是的，使用 url() 对网站的验证非常严格

Question

我正在尝试使用以下方法将输入字段验证为网站

yup.string().url()

但似乎如果协议(protocol)没有发送它会出错，当网站应该灵活甚至接受例如 stackoverflow.com
请帮忙

Answer 1

而不是使用默认 url您可以使用自己的验证器 regex .您的代码更改如下:

website: Yup.string()
        .matches(
            /((https?):\/\/)?(www.)?[a-z0-9]+(\.[a-z]{2,}){1,3}(#?\/?[a-zA-Z0-9#]+)*\/?(\?[a-zA-Z0-9-_]+=[a-zA-Z0-9-%]+&?)?$/,
            'Enter correct url!'
        )
        .required('Please enter website'),

您可以对 regex 使用自己的规则并验证网址。您可以阅读更多相关信息 there .
在这里玩它: https://regex101.com/r/O47zyn/4