我无法成功使输入文本仅接受来自特定网站的链接

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>