JQuery se alcune caselle di testo sono vuote, disabilitare il pulsante

Ho visto molti esempi di persone che disabilitano i pulsanti se le caselle di testo sono vuote, ma non ne ho trovato nessuna che disabiliti un pulsante solo per determinate caselle di testo. Sono nuovo di Jquery e so che è pseudo codificato ma puoi farti un’idea. Quale funzione di Jquery devo chiamare per controllarla costantemente? E come posso usare una o un’istruzione nella clausola if per determinare se un campo della casella di testo è vuoto?

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

Controlli del modulo

     

Puoi farlo in due modi diversi:

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

O:

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

Se vuoi che siano costantemente in esecuzione, avvolgili in:

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

Nota che dovrai convertirli in un corretto codice ASP! Questa è semplicemente una risposta logistica.

Provare

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

Anche se questa è una domanda di due anni, mi piacerebbe mostrare un altro modo usando bind . Guarda il testo 'keyup mouseup cut paste'

Questo funzionerà anche se tagli o incolli testo e input da tastiera. Anche questo funzionerà se facciamo clic sulla piccola croce nella casella di testo per cancellare il testo (usando il mouseup ).

inserisci la descrizione dell'immagine qui

OP ha dichiarato che disabilita un pulsante per “solo alcune caselle di testo”. Diciamo che abbiamo le seguenti caselle di testo

      

Se è necessario abilitare / disabilitare il pulsante in base ai valori immessi in txtBox1 O txtBox3, è ansible utilizzarlo

  

Se dobbiamo abilitare / disabilitare il pulsante solo quando sia txtBox1 AND txtBox3 non sono vuoti, possiamo usarlo