Javascript - wie man DIV nach dem Setzen von Text in

Question

zeigt

Ich versuche, Funktion in JavaScript zu schreiben, die 'DIV' nach dem Einfügen von etwas Text anzeigen/ausblenden wird.

habe ich es geschafft, es zu schreiben, aber ich kann es nur, wenn der Benutzer größer als 8.

Html auf den 'Input' Wert setzen nicht funktioniert:

<input type='text' id='area' style='border: 1px solid;'></input><br> 
<div id='text1' style='display:none; '>Examletext</div> 

JavaScript:

$(document).ready(function() { 
    $("#area").keyup(function() { 
     if ($('#text1').is(":hidden")) { 
      $('#text1').show(500); 
     } else { 
      $("#text1").hide(500); 
     } 
    }); 
}); 

Oben ist arbeiten Skript, aber das funktioniert, was auch immer Sie in den 'inp ut '. Ich möchte nur das Skript ausführen, wenn ich Wert lege größer als 8 (9, 10, 101 etc.)

Ich habe versucht, diese (keine Wirkung) hinzuzufügen:

if ($("#area").value > 8){} 

Hier ist die Arbeits Skript, wo ich Linie oben beschrieben haben kommentiert out - jsfiddle

Answer 1

Änderung $("#area").value zu $("#area").val()

$(document).ready(function() { 
    $("#area").keyup(function() { 
     if ($("#area").val() > 8) { 
      if ($('#text1').is(":hidden")) { 
       $('#text1').show(500);] 
      } else { 
       $("#text1").hide(500); 
      } 
     } 
    }); 
}); 

In jQuery benötigen Sieverwendennicht value

Fiddle Demo

Dokumentation: http://api.jquery.com/val/

Answer 2

Es nicht ist .value aber val()

sollte Ihr jsfiddle

if ($("#area").val().length > 0){ 

Answer 3

Versuchen Sie dies:

$(document).ready(function() { 
$("#area").keyup(function() { 
    if ($("#area").val() > 8){ 
     if ($('#text1').is(":hidden")) { 
      $('#text1').show(500); 
     } else { 
      $("#text1").hide(500); 
     } 
    } 
}); 
}); 

Answer 4

versuchen diese

$(document).ready(function() { 
    $("#area").keyup(function() { 
     if ($("#area").val() > 8) { 
      $('#text1').toggle("slow"); 
     } 
    }); 
}); 

Answer 5

den Wert analysieren, bevor Vergleich zu int und verwenden val statt Wert

if (parseInt($("#area").val()) > 8){ 
//write the action to be performed here 
}