我無法成功使輸入文本僅接受來自特定網站的鏈接

Question

因此，我想做的是使此輸入僅接受mega.nz這樣的鏈接，如果它從其他任何網站接收到其他鏈接，它將拒絕並在頁面頂部使用Use Mega表示一條消息。 nz ，非常感謝您的幫助

<p>
    <label for="firstName">Link:</label>
    <input type="text" name="Link" placeholder="only mega.nz links"> 
</p>

Answer 1

您可以使用簡單的驗證，如下所示：

 $("#Link").on('change keydown paste input', function() { var url = $(this).val(); isValid = url.includes("mega.nz"); if(isValid) { $(this).prev("label").removeClass("error"); } else { $(this).prev("label").addClass("error"); } }); 

 label.error { color:#ff0000; font-weight:bold; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p> <label for="Link">Link:</label> <input type="text" id="Link" name="Link" placeholder="only mega.nz links" /> </p>