jQuery - 检查字符串中某个字的输入字段

Question

我有用户输入了YouTube视频的链接，并且我们只希望在他们输入的字符串（URL）包含单词“youtube”时启用该按钮。下面是代码，我无法让它工作，我需要它。谢谢...

var inputValue = $('#inputLink').val(); 

---

$('#submitBtn').attr("disabled", "disabled"); 

$('#inputLink').keyup(function(){ 
    if (inputValue.toLowerCase().indexOf("youtube") >= 0) { 
     $('#submitBtn').removeAttr('disabled'); 
    } 
}); 

Answer 1

您需要重新初始化inputValue每次：

$('#submitBtn').attr("disabled", "disabled"); 

$('#inputLink').keyup(function(){ 
    var inputValue = this.value; 

    if (inputValue.toLowerCase().indexOf("youtube") >= 0) { 
     $('#submitBtn').removeAttr('disabled'); 
    } 
}); 

例子：http://jsfiddle.net/BGcDg/

---

更新：你也可以这样做只有一个行，如果你想：

var youtubeRegex = /youtube/i; 

$('#inputLink').keyup(function(){ 
    $("#submitBtn").attr("disabled", !youtubeRegex.test(this.value)); 
}); 

这将重新禁用场，如果用户进入之后删除“YouTube”的视频。

例子：http://jsfiddle.net/bdmhQ/