如何验证用户是否已将域输入表单[重复]答案

【问题标题】：How to validate whether user has entered a domain into form [duplicate]如何验证用户是否已将域输入表单[重复]
【发布时间】：2022-01-04 01:39:23
【问题描述】：

我正在尝试制作一个允许人们添加不同公司域的应用。

我正在尝试使用 React 输入字段。

如何验证是否已输入域。我尝试将类型设置为 url，但它不适用于域。

有效域：公司网站

网址：http://company.com

有没有一种简单的方法可以检查域是否已输入。谢谢！

【问题讨论】：

你有什么尝试？你的研究在哪里？
这能回答你的问题吗？ What is a good regular expression to match a URL? 使用正则表达式。

标签： javascript html css reactjs react-hooks

【解决方案1】：

您应该使用输入类型 url 以便表单不会提交，除非它是一个 url。你还需要一些 JS 来验证它。

function myFunction() {
  const url = document.getElementById("url9");
  if (!url.checkValidity()) {
     document.getElementById("demo").innerHTML = "Insert a URL";
  } 
}

<input type="url" id="url9">
<button onclick="myFunction()">Check</button>
<p id="demo"></p>

【讨论】：