gpt4 book ai didi

javascript - 正则表达式匹配常见网站 URL

转载 作者:行者123 更新时间:2023-12-04 07:47:59 30 4
gpt4 key购买 nike

我有一个要用于表单的组件,它用于 websites .但是,有多种可能的模式:

  • https://www.website.com
  • http://www.website.com
  • www.website.com

  • 问题:
    如何设置输入模式以考虑这些可能的 URL 模式?
    组件.tsx:
    <Form.Control
    type="url"
    placeholder="Website"
    pattern="https?://.*"
    onChange={(event: React.ChangeEvent<HTMLInputElement>) => setValue((event.target.value).toLowerCase())}
    maxLength={100}
    />

    最佳答案

    对于一些 基本网站URL匹配你可以:

    ^(https?:\/\/|www\.)\S+\.\w+$
    哪个将匹配:
    https://www.website.com  
    http://www.website.com
    http://website.com
    http://www.com (yep, that's a valid website)
    www.website.com
    但不是
    https://website
    http://.com
    website.com
    www.com
    website
    “基本”是因为 \S+部分只是确保域没有空格字符。
    Regex101.com example

    关于javascript - 正则表达式匹配常见网站 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67117867/

    30 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com