wie überprüft man, ob das Eingabefeld leer ist?

Mache ich ein Formular mit Eingaben, wenn die Eingabe leer ist, dann ist die Schaltfläche senden deaktiviert ist, aber, wenn die input-Felder mit der Länge > 0 ist der submit-button aktiviert ist

<input type='text' id='spa' onkeyup='check()'><br>
<input type='text' id='eng' onkeyup='check()'><br>
<input type='button' id='submit' disabled>

function check() {
  if($("#spa").lenght>0 && $("#eng").lenght>0) {
    $("#submit").prop('disabled', false);
  } else {
    $("#submit").prop('disabled', true);
  }
}

funktioniert es aber wenn ich dann löschen, beispielsweise den Inhalt von input-spa die Schaltfläche Absenden ist immer noch aktiviert

InformationsquelleAutor der Frage Kakitori | 2013-03-07

  1. 40

    Mit trim und val. 

    var value=$.trim($("#spa").val());

if(value.length>0)
{
 //do some stuffs. 
}

    val() : Rückkehr mit dem Wert der Eingabe.

    trim(): trim die Leerzeichen.

    InformationsquelleAutor der Antwort Ravi Gadag

  2. 19

    verwenden .val() es wird wieder den Wert der <input>

    $("#spa").val().length > 0

    Und Sie hatte einen Tippfehler, length nicht lenght.

    InformationsquelleAutor der Antwort gdoron

  3. 7

    Als javascript ist dynamisch typisiert, anstatt mit der .length-Eigenschaft, wie oben, können Sie einfach behandeln Sie den input-Wert als booleschen Wert:

    var input = $.trim($("#spa").val());

if (input) {
    //Do Stuff
}

    Sie können auch extrahieren Sie die Logik in den Funktionen, dann durch die Zuordnung einer Klasse und mit der each() Methode der code wird dynamisch, wenn, zum Beispiel, in die Zukunft, die Sie hinzufügen wollen, ein anderer input", den Sie bräuchten nicht zu ändern code.

    Also eher als harte Kodierung der Aufruf der Funktion in das Eingabe-markup, können Sie die Eingänge a-Klasse, in diesem Beispiel ist es testund verwenden Sie:

    $(".test").each(function () {
    $(this).keyup(function () {
        $("#submit").prop("disabled", CheckInputs());
    });
});

    wäre dann rufen Sie die folgenden und geben einen booleschen Wert zuweisen disabled Eigenschaft:

    function CheckInputs() {
    var valid = false;
    $(".test").each(function () {
        if (valid) { return valid; }
        valid = !$.trim($(this).val());
    });
    return valid;
}

    Sehen Sie ein Beispiel für alles, was ich erwähnt habe in dieses JSFiddle.

    InformationsquelleAutor der Antwort Pete Uh

  4. 4

    Warum nicht u Verwendung:

    <script>
$('input').keyup(function(){
if(($('#eng').val().length > 0) && ($('#spa').val().length > 0))
    $("#submit").prop('disabled', false);
else
    $("#submit").prop('disabled', true);
});
</script>

    Dann löschen Sie die onkeyup Funktion auf die Eingabe.

    InformationsquelleAutor der Antwort RobinV91nl

  5. 3

    Versuchen, diese

    $.trim($("#spa").val()).length > 0

    Es wird nicht behandeln Sie alle Leerzeichen, wenn alle als korrekten Wert

    InformationsquelleAutor der Antwort K D

  6. 2

    wenn Sie jquery-validate.js in Ihrer Anwendung verwenden Sie dann unten Ausdruck.

    if($("#spa").is(":blank"))
{
  //code
}

    InformationsquelleAutor der Antwort YogeshWaran

  7. 2

    Diesem snippet wird mit mehr als zwei Checkboxen in den Fall, Sie entscheiden, zu erweitern, der form.

    $("input[type=text]").keyup(function(){
    var count = 0, attr = "disabled", $sub = $("#submit"), $inputs = $("input[type=text]");  
    $inputs.each(function(){
        count += ($.trim($(this).val())) ? 1:0;
    });
    (count >= $inputs.length ) ? $sub.removeAttr(attr):$sub.attr(attr,attr);       
});

    Beispiel: http://jsfiddle.net/sr4gq/

    InformationsquelleAutor der Antwort Kevin Bowersox

Schreibe einen Kommentar