如何删除附加元素usng-jquery

How to remove appended element usng jquery?

本文关键字：元素 usng-jquery 删除 何删除      更新时间：2023-09-26

我正在创建一个表单。在提交每个输入字段的表单时，当该输入字段未填充时，会附加一个错误框。我想删除或显示该输入字段的焦点上的错误框。在我的代码中，它将保持在那个位置。我试过了，浏览了所有类似的帖子，但没能找到解决方案。非常感谢。

html代码类似

<div class="rowform">
        <label for="name">Name<span>*</span>:</label>
        <input type="text" class="mid" name="name" id="name" onFocus="fcs();"/><span id="name_error"></span>
    </div>

脚本//在提交表格时，我如何添加错误框

if($("#listcontact #name").val()==""){
    $("#name_error").append("<div class='formerror'>Please enter your name</div>");
}

//聚焦功能类似

    function fcs()
{
$(".formerror").remove();}

类似于：

$(".rowform").on("focus", "input", function(){
    $(this).closest(".rowform").find(".formerror").hide();
});

更新：确实不需要像Ian所说的那样派出活动代表团。

$(".rowform").find('[type="text"]').on("focus", function(){
    $(this).closest(".rowform").find(".formerror").hide();
});

工作小提琴：http://jsfiddle.net/Ar7AT/

尝试以下

$("#name").focus(function(){
    $(".formerror").remove();
});
$("#btn").on("click",function(){
 $(".formerror").remove();
 if($("#name").val()==""){  
    $("#name_error").append("<div class='formerror'>Please enter your name</div>");
 }
});

工作小提琴在这里：http://jsfiddle.net/fzS95/1/

我希望它能有所帮助。

您可以使用。remove()代替.hide()

$(".rowform").on("focus", "input", function(){
    $(this).closest(".rowform").find(".formerror").remove();
});

我不确定你想如何实现它，但是，我希望这有帮助：

<div class="rowform">
    <label for="name">Name<span class='name-check'>*</span>:</label>
    <input type="text" class="mid" name="name" id="name" onFocus="fcs('name', this);"/><span id="name_error"></span>
</div>
<script>
    function fcs(err,obj) {
        if( $(obj).val() == "" ) {
            $("." + err + "-check").show();
        }
        else {
            $("." + err + "-check").hide();
        }
    }
</script>
相关文章：