javascript - 用于验证多个单词的单数正则表达式

Question

您好，我有一个文本字段，例如 facebook、Instagram、Youtube、pintrest 等等

<form action="" name="socialPageForm" method="post" onsubmit="return validateForm()">
    <input type="text" name="facebook_url"  />
    <input type="text" name="twitter_url"  />
    <input type="text" name="instagram_url"  />
</form>

还有一个类似

的 javascript 函数

function validateForm() {
    var facebook_url = document.forms["socialPageForm"]["facebook_url"].value;
    if (facebook_url == "") {
        alert("Facebook Url must be filled out");
        return false;
    }
}  

我对正则表达式知之甚少，但我在谷歌上进行了搜索，发现了很多“验证 Facebook 推特等...”的解决方案

其中一个如下:

if (/^(https?:\/\/)?((w{3}\.)?)twitter\.com\/(#!\/)?[a-z0-9_]+$/i.test(url))
     return 'twitter';    

 if (/^(https?:\/\/)?((w{3}\.)?)facebook.com\/.*/i.test(url))
     return 'facebook';

但我的问题是:有没有办法只使用一个单一的正则表达式来验证所有社交网站？

大多数社交网站都有用户名，例如 facebook.com/johnDoe、twitter.com/johnDoe、instagram.com/johnDoe；所以我们只需要更改正则表达式中的名称，它将适用于所有社交媒体网站。

It doesn't Matter it is made using php, jquery, or a javascript. The motto is to only validate.

Answer 1

此正则表达式适用于您的所有 3 个网站:

(https?:\/\/)?((w{3}\.)?)(twitter|facebook|instagram)\.com\/(#!\/)?[a-zA-Z0-9_]+

为 validateForm() 修改:

function validateSiteURL(siteURL)
{
  var pattern = "(https?:\/\/)?((w{3}\.)?)(twitter|facebook|instagram)\.com\/(#!\/)?[a-zA-Z0-9_]+"; 
  var re = new RegExp(pattern);
  if (re.test(siteURL)) 
   return true;
  return false;
}

function validateForm()
{
  //Your code...
  if(!validateSiteURL(facebook_url))
    alert("Invalid facebook URL");
}