2017-10-16 3 views
0

J'essaie de créer un formulaire dans lequel le bouton de soumission est désactivé jusqu'à ce que le texte corresponde à mes conditions. Et je voudrais constamment (chaque fois qu'un caractère est tapé) vérifier le texte, au lieu de devoir créer un bouton qui en activera un autre.Soumettre une entrée à chaque entrée de caractère

Merci!

Répondre

1

Vous pouvez utiliser jquery et keyUp pour détecter chaque fois que le type d'utilisateur que quelque chose est un exemple ici:

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); 
    } 
}); 

Voici la méthode alternative utilisant la saisie suggérée par Rob:

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

Vous pouvez également utiliser quelque chose comme vue.js ou angular pour vérifier la valeur en temps réel.

* Édité

+2

Je pense que .input est un choix bien meilleur car il se déclencherait également sur pâte. – Rob