contrôle direct entrée

Question

j'ai eu un champ de saisie et un bouton

<input required id="solution" name="solution" type="text" placeholder=""class="form-control input-md"> 
<button style="background-color:#da251d;" id="sendForm" name="sendForm" class="btn btn-success">Send</button> 

Maintenant, je veux vérifier le champ d'entrée pour une valeur, lorsque la valeur est incorrecte, le bouton doit être diponibles, je l'essaye avec js comme ça

$(document).ready(function(){ 
     $(“#solution”).keyup(function(){ 
      if($(this).val() == ‘value’) { 
       $(‘#sendForm’).attr(‘disabled’,‘disabled); 
      } 
      else { 
       $(‘#sendForm’).removeattr(‘disabled’); 
      } 
     }); 
}); 

Mais cela ne fonctionne pas, pouvez-vous m'aider pls?

Answer 1

Facile un!

Le code ne fonctionne pas puisque vous utilisez des guillemets (») mais ce que vous devez utiliser sont les marques de cordes (" ou ') Le code de travail:.

$(document).ready(function(){ 
    $("#solution").keyup(function(){ 
     if($(this).val() == 'value') { 
      $('#sendForm').attr('disabled', 'disabled'); 
     } 
     else { 
      $('#sendForm').removeAttr('disabled'); 
     } 
    }); 
}); 

Jsbin

Answer 2

je pense que vous avez fait l'erreur de faute de frappe sur .removeAttr

 $(document).ready(function(){ 
     $("#solution").keyup(function(){ 
      if($(this).val() == "value") { 
       $("#sendForm").attr("disabled","disabled"); 
      } 
      else { 
       $("#sendForm").removeAttr("disabled"); 
      } 
     }); 
    }); 

Answer 3

Vous devriez essayer d'utiliser l'événement "change" ou "input". Il ressemblerait à

$('#solution').on('change', function(){ 
    // validation & toggle button state 
}) 

Pour plus documentations événement: change

Answer 4

Hey cela fonctionne bien,

$("#solution").keyup(function(){ 
     if($(this).val() == 'value') { 
      $('#sendForm').attr('disabled',false); 
     } 
     else { 
      $('#sendForm').attr('disabled',true); 
     } 
    }); 

Vous pouvez utiliser attr méthode de fixation propriété disabled comme vrai ou faux que selon votre besoin.

demo