javascript - 正确使用 YouTube 网址正则表达式

Question

我在堆栈溢出时发现了这个正则表达式来获取 youtube 视频 ID。

function ytVidId(youtubeurl) {
var p = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
return (url.match(p)) ? RegExp.$1 : false;
}

我觉得我错过了一些非常明显的东西，但我只是不明白如何实际使用它。如何在为数据库准备好之前影响名为“youtubeurl”的文本输入字段？

非常感谢...任何帮助表示赞赏！

Answer 1

首先，您需要从文本框中获取文本，可能使用 document.getelementbyid().value，然后您可以这样做（例如，如果您的文本框的 id 是 #txt1，您可以使用以下代码：

function ytVidId(youtubeurl) {
var p = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
return (url.match(p)) ? RegExp.$1 : false;
}

var ytURL = document.getelementbyid("txt1").value;
var ytID = ytVidID(ytURL);

现在变量 ytID 包含 youtube 视频 ID，您可以根据需要将其添加到数据库中