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)，移动/复制（？）它们。

形式保持清爽

1 个答案: