désactiver le bouton d'envoi

Question

J'ai juste besoin de désactiver le bouton d'envoi dans le formulaire jusqu'à ce que les utilisateurs entrent ses données.Peut-on me guider? grâce

Answer 1

Normalement, je pour vous code, mais je suis pressé, et vous ne devez apprendre comment rechercher par vous-même, alors voici un indice:

addEventListener(), et vous pouvez vérifier la longueur des données au sein d'une entrée en appelant document.body.getElementById('yourInput').length, puis vous pouvez modifier la propriété button.disabled à true (faire la valeur par défaut false dans le code source). Tout ce que vous devez faire pour vous-même est savoir comment utiliser addEventListener

Answer 2

form action = "javascript: aNameForAnAjaxSendPostFunction"

fonction aNameForAnAjaxSendPostFunction() { if ((document.getElementById ('votre champ'). value.strlen> 0)) { < < ENVOYER lA DEMANDE >> }}

Answer 3

Une façon simple de faire ce que vous voulez en utilisant JQuery: (cela fonctionne si vous avez seulement des textes d'entrée)

HTML:

<form method='POST' action=''> 
<input type='text' name='name' /> 
<input type='text' name='phone' /> 
<input type='text' name='email' /> 
<button type='submit' disabled='disabled'>Send</button> 
</form> 

Javascript:

$(function() { 
    $("input").change(function() { 
      if($("input[value='']").length == 0) { 
       $("button").removeAttr("disabled"); 
      } else { 
       //disable again if a field is cleared 
       $("button").attr("disabled",true); 
       alert("Please fill all fields"); 
       $("input[value='']").eq(0).focus(); 
      } 
    }); 
}); 

Answer 4

Avoir le bouton initialement désactivé en ayant comme HTML

<input type="submit" id="btnSubmit" disabled="disabled" value="Send" /> 

Puis, en cas blur de vos éléments de formulaire vérifier si l'utilisateur entré toutes les données requises et quand cela se produit, activer le bouton en utilisant ce code:

document.getElementById("btnSubmit").disabled = false;