JSFiddle - React, Tailwind, and code Playground

HTML

連結網址：
<input type="text" id="txtUrl" />
<br />
<input type="button" id="btnTest" value="測試" />

JavaScript

$(function(){
    $('#btnTest').click(function(){
        var url = $('#txtUrl').val();
        var vidId = getVidID(url);
        
        alert("影片ID為 " + vidId);
        
        if(checkVidURL(url))
        {
            alert("正確");
        }
        else{
            alert("錯誤");
        }
    });
});

//檢查是否為Youtube之連結
function checkVidURL(url) {
    var regex = /^(http:\/\/|https:\/\/|)\w{0,}(.youtube.com|youtu.be)\//;
  
    if(url.search(regex)==-1)
    {
        return false;
    }
  return true;
}

//取得影片ID
function getVidID(url){
    var regex = /.{0,}\?/;
    var patten = url.replace(regex, '').split("&");
  
    for (var i= 0; i < patten.length; ++i) {
        if (patten[i].match(/^v=/)) {
            return patten[i].substring(2);
        }
    }
    return "";
};