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

大佬教程收集整理的这篇文章主要介绍了正则表达式匹配常见网站 URL，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决正则表达式匹配常见网站 URL？

我有一个要用于表单的组件，它用于 websites。但是，有多种可能的模式：

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

问题：

如何设置输入模式以考虑这些可能的 URL 模式？

Component.tsx：

<Form.Control
  type="url"
  placeholder="Website"
  pattern="https?://.*"
  onChange={(event: React.ChangeEvent<HTMLinputElement>) => SETVALue((event.target.value).tolowerCase())}
  maxLength={100}
/>

解决方法

^(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

大佬总结

以上是大佬教程为你收集整理的正则表达式匹配常见网站 URL全部内容，希望文章能够帮你解决正则表达式匹配常见网站 URL所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。