Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 每次我提交表单时,验证错误消息都会重复出现_Jquery_Ajax - Fatal编程技术网

Jquery 每次我提交表单时,验证错误消息都会重复出现

Jquery 每次我提交表单时,验证错误消息都会重复出现,jquery,ajax,Jquery,Ajax,我首先尝试隐藏消息类,然后仅在出现错误时显示消息。它在我第一次提交表单时工作正常,但如果我再次提交,它会在原始错误旁边显示错误。如果再次单击,则会显示3 x相同的错误消息 $(document).ready(function(){ $(".message").hide(); $("#submit").on('click', function(){ var name = $("#name").val();

我首先尝试隐藏消息类,然后仅在出现错误时显示消息。它在我第一次提交表单时工作正常,但如果我再次提交,它会在原始错误旁边显示错误。如果再次单击,则会显示3 x相同的错误消息

$(document).ready(function(){
            $(".message").hide();
            $("#submit").on('click', function(){
                var name = $("#name").val();
                var email = $("#email").val();
                $.ajax({
                    url:'php/functions.php',
                    type:'POST',
                    dataType:'json',
                    data: {name: name, email: email},
                    })

                .done(function(data) {

                    console.log(data);

                    if(! data.success) {

                        if(data.errors.name) {
                            $( "#error-name" ).append(data.errors.name).show();
                        }
                    }
                });
            });
        });

你可以先清空它:
$(“#error name”).empty().append(data.errors.name).show()
或者只需重新封装里面的所有内容:
$(“#error name”).html(data.errors.name).show()
,这就成功了!但是,如果我在错误中填充文本字段,它应该会消失,但它仍然保留在那里。这里确实没有足够的信息让我继续,但您可以在文本输入中附加一个“更改时”事件,当字段值更改时隐藏错误消息。