在每个字符条目处提交输入

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来实时检查值。

*编辑