窗體保持清爽

Question

我玩弄一些現有的代碼，並希望添加一些jQuery，使其有點現代。這裏是我的代碼：

<form stuff> 
<div class="inputContainer"> 
     <input placeholder="Name" type="text" name="FullName" id="FullName" class="cat_textbox" maxlength="255" /> 
    </div> 
<!--Other stuff and submit--> 
</form> 

<script> 
$(document).ready(function(e) { 
    $('#FullName').keyup(function(e) { 
     var fullName = $(this).val(); 
     if(fullName.length > 5){ 
      alert("greater than 5"); 
     } 
     else{ 
      var $toAppend = $(' div ') 
       .addClass(' result ') 
       .html('Length is not greater than 5'); 
      $toAppend.after(this); 


     } 
    }); 

}); 

</script> 

當我嘗試追加時，頁面刷新。看着視察元素，這裏什麼都沒有！無法弄清楚。我怎樣才能解決這個問題？

Answer 1

我想你想：

var $toAppend = $('<div>') 

不

var $toAppend = $(' div ') 

第一個使新<div>;第二個選擇頁面上的任何和所有現有的<div>，然後您將after(this)移動/複製（？）它們。