在每個字符條目處提交輸入

Question

我試圖創建一個表單，其中提交按鈕被禁用，直到文本符合我的條件。我想不斷地（每次輸入一個字符）檢查文本，而不是創建一個可以激活另一個的按鈕。

謝謝！

Answer 1

您可以使用jQuery和KEYUP檢測每一個，這裏的用戶類型的東西就是一個例子時間：

http://jsfiddle.net/82sTJ/253/

<input type="text" id="text"> 
<button type="submit" disabled id="submitButton"> 
Submit 
</button> 

var condition = "good"; 
$('#text').keyup(function(event) { 
    if($('#text').val() == condition) {  
    $("#submitButton").prop('disabled', false); 
    }else{ 
    $("#submitButton").prop('disabled', true); 
    } 
}); 

下面是使用輸入由羅布建議的替代方法：

var condition = "good"; 
$('#text').on("input", function(event) { 
    if($('#text').val() == condition) {  
    $("#submitButton").prop('disabled', false); 
    }else{ 
    $("#submitButton").prop('disabled', true); 
    } 
}); 

此外，您可以使用類似vue.js或angular來實時檢查值。

*編輯