jquery - 表格不断刷新

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>页面上任何和所有现有的 s，然后您after(this)移动/复制（？）它们。