各文字入力で入力を送信

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やangleなどの値を使用してリアルタイムで値を確認することもできます。

*編集