jQuery Girl
  1. jQuery Girl
  3. JQuery si certaines zones de texte sont vides, désactivez le bouton
Intereting Posts
Réinitialiser et lancer une animation jQuery toggle- masquer l’élément lorsque vous cliquez en dehors de la div Syntaxe: Utiliser la variable pour la valeur css puis-je utiliser ul li au lieu du menu déroulant de sélection et avec jQuery en faire une partie d’un formulaire? Problème de validation de formulaire jQuery, autre boîte visible Comment faire en sorte que Chrome se souvienne du mot de passe d’un formulaire AJAX? Comment ouvrir une page à l’intérieur de shadowbox? JQuery / Ajax: la validation avant l’envoi ne fonctionne pas slideDown, slideUp ne fonctionne pas dans jQuery Comment puis-je retourner une promesse de mon plugin Comment afficher la valeur de réponse AJAX en format de colonne individuel? Comment append plus d’un bouton dans chaque ligne dans les tables de données JQuery et comment leur appliquer un événement comment accéder i créer dynamicment div ou éléments avec jquery Javascript: accéder à une propriété d’object dont le nom commence par un numéro Cycle2 Carrousel actif au centre

JQuery si certaines zones de texte sont vides, désactivez le bouton

J’ai vu de nombreux exemples de personnes désactivant des boutons si les zones de texte sont vides, mais je n’en ai trouvé aucune qui ne désactive un bouton que pour certaines zones de texte. Je suis nouveau sur Jquery et je sais que c’est pseudo-codé, mais vous pouvez vous faire une idée. Quelle fonction Jquery dois-je appeler pour vérifier en permanence? Et comment utiliser une instruction ou dans la clause if pour déterminer si un champ de zone de texte est vide? 

if( $('#txtEvent').val.length === 0 || $("#txtID").val.length === 0) { $('#btnSave').attr("disabled", "disabled"); } else { $('#btnSave').attr("enabled", "enabled"); }

Contrôles de formulaire

Vous pouvez le faire de deux manières différentes: 

 if (!$("#txtEvent").val()) { //undefined will yield false //call a method! .val() not .val $("#btnSave").attr("disabled", "disabled"); } else { $("#btnSave").attr("enabled", "enabled"); }

Ou: 

 if ($("#txtEvent").length > 0) { $("#btnSave").attr("disabled", "disabled"); } else { $("#btnSave").attr("enabled", "enabled"); }

Si vous voulez que ceux-ci fonctionnent constamment, enveloppez-les dans: 

 $("#txtEvent").on("change", function() { //code }); //using the onchange event will sortinggger the code whenever the txtbox changes. //you can also use onblur if you want it to sortinggger AFTER the txtbox loses focus

Veuillez noter que vous devrez les convertir en code asp approprié! C’est simplement une réponse logistique.

Essayer 

 var $empties = $('#txtEvent, #txtID').filter(function(){ return $.sortingm($(this).val()).length == 0 }) $('#btnSave').prop("disabled", $empties.length === 0);

Même si cette question remonte à deux ans, je voudrais montrer une autre manière d’utiliser bind . Voir le texte 'keyup mouseup cut paste'

Cela fonctionnera également si vous coupez ou collez du texte et une saisie au clavier. Cela fonctionnera également si nous cliquons sur la petite croix dans la zone de texte pour effacer le texte (à l’aide de mouseup ).

entrez la description de l'image ici

OP a déclaré que désactiver un bouton pour “uniquement certaines zones de texte”. Disons que nous avons les zones de texte suivantes

Si nous devons activer / désactiver le bouton en fonction des valeurs entrées dans txtBox1 OU txtBox3, nous pouvons utiliser cette option.

Si nous devons activer / désactiver le bouton uniquement lorsque txtBox1 ET txtBox3 ne sont pas vides, nous pouvons utiliser cette option.