Zu deaktivieren Sie eine Schaltfläche "senden", wenn die Felder leer jQuery

Wie können Sie deaktivieren Sie die senden -Taste, wenn es einen oder mehrere input -Felder leer?

Mein Versuch in pseudo-code

if ( $("input:empty") ) {
    $("input:disabled") 
}
else 
  //enable the ask_question -button

Ich habe diese Artikel gelesen haben, ohne dass eine richtige Lösung

  1. Offiziellen docs über leer: dies ist so nicht relevant, denn es sieht für alle input -Felder
  2. ein thread über Behinderte -Funktion in jQuery: dies scheint relevant zu sein,
  3. um testen zu können, jQuery Firefox/terminal: um eine Testumgebung würde mir helfen, die meisten

Ich benutze im moment den folgenden code.
Es enthält ein Fehler, über den Charakter ;, aber ich kann es nicht finden.

#1

$(document).ready(function(){
    $("#ask_form").validate(){
        rules: {
            username {
                required: true,
                minlenghth: 2
            },
            email: {
                required: true;
                minlength: 6
            },
            password {
                required: true,                                                                                                                                    
                minlength: 6
            }
        } 
    });
}

#2 Meder code

Ich slighhtly geändert Meder code. Es deaktiviert die send -Taste dauerhaft, so hat es einen bug zu.

$(document).ready(function(){
    var inputs = $('input', '#ask_form'), empty = false;
    //can also use :input but it will grab textarea/select elements and you need to check for those..

    inputs.each(function() {
        if ( $(this).val() == '' ) {
            empty = true;
            return;
        }
    });

    if ( empty ) {
        $('.ask_question').attr('disabled', 'disabled'); //or true I believe.
    }
});
InformationsquelleAutor Léo Léopold Hertz 준영 | 2009-08-27
  1. 10
    var $submit = $("input[type=submit]");
if ( $("input:empty").length > 0 ) {
   $submit.attr("disabled","disabled");
} else {
   $submit.removeAttr("disabled");
}
    • So stellen Sie sicher, stellen diese in ein onChange-Ereignis oder ähnliches, so wird das Feuer jedes mal, wenn ein Feld geändert wird.
    • Ihr code wird die Schaltflächen deaktivieren. Es wird jedoch Tasten deaktivieren, auch wenn die Felder nicht leer sind. - Wie machen Sie dies Lesen input:empty).length > 0 in Englisch? - Mein Versuch, mit den gegebenen Regel auf den tag input ist leer, so dass seine Länge größer ist als null. - Dies ist jedoch nicht sinnvoll für mich, da meine überlegung führt zu einem Widerspruch.
    • Ich entfernte .length > 0, aber die Knöpfe bleiben deaktiviert.
    • was dies bedeutet ist wird eine Sammlung aller input-Elemente, die keine Kinder haben, einschließlich text-Knoten. die length Eigenschaft nur bestimmt, wie viele Elemente in der Sammlung. wenn es sind 0 Objekte in der Sammlung, die length 0. Sie können natürlich auch mehr spezifische in Ihrem Selektor, wie $("input.myInputs:empty") aber dies sollte den trick tun.
    • ich aktualisierte mein code, so dass, wenn alles ok ist, aber vorher war das nicht, der button wird wieder aktiviert
    • Dein code ist immer noch buggy: tut es nicht deaktivieren-Taste mit dieser Zeit. Warum hast du geändert $("input[type=submit]").attr("disabled","disabled"); zu ` $Einreichen.attr("disabled","disabled");`? - ich führen Sie Ihren code auch mit einer änderung Ihrer letzten code, um Ihren alten code, aber das gleiche problem weiterhin besteht.
    • schauen Sie, masi, es ist nicht zur Arbeit zu gehen, wörtlich. ich gebe Ihnen den Rahmen bauen können. Sie haben, fügen Sie die Auswahlen, die für Ihr system relevant. ich zog var $submit = $("input[type=submit]"); so dass ich es nicht habe, mich zu wiederholen und auch so, dass die Sammlung wird nur einmal aufgerufen, was den Prozess beschleunigen wird.
    • wenn Sie möchten gehen Sie zurück und setzen Sie in $("input[type=submit]"); im Ort $submit es wird die gleiche Arbeit. gehen Sie für es.

    InformationsquelleAutor Jason
  2. 2

    jQuery-validation plugin

    Dokumentation

    Demo

    • Danke für die links! Ich bin mit dem code in der demo, zumindest im moment. Es gibt einen bug in meinem code Frage.
    InformationsquelleAutor Phill Pafford
  3. 0
    var inputs = $('input', 'form#foo'), empty = false;
//can also use :input but it will grab textarea/select elements and you need to check for those..

inputs.each(function() {
    if ( $(this).val() == '' ) {
        empty = true;
        return;
    }
});

if ( empty ) {
    $('#el').attr('disabled', 'disabled'); //or true I believe.
}
    • Dein code hat das gleiche problem wie Jason. Es deaktiviert die send -Taste dauerhaft.
    InformationsquelleAutor meder omuraliev
  4. -1

    Fehlen die schließen, versuchen Sie, diese für Beispiel #1:

    $(document).ready(function(){
    $("#ask_form").validate(){
        rules: {
            username {
                required: true,
                minlenghth: 2
            },
            email: {
                required: true;
                minlength: 6
            },
            password {
                required: true,                                                                                                                                    
                minlength: 6
            }
        } 
    });
});
    InformationsquelleAutor Phill Pafford
Schreibe einen Kommentar