Jquery 每次我提交表单时,验证错误消息都会重复出现
我首先尝试隐藏消息类,然后仅在出现错误时显示消息。它在我第一次提交表单时工作正常,但如果我再次提交,它会在原始错误旁边显示错误。如果再次单击,则会显示3 x相同的错误消息Jquery 每次我提交表单时,验证错误消息都会重复出现,jquery,ajax,Jquery,Ajax,我首先尝试隐藏消息类,然后仅在出现错误时显示消息。它在我第一次提交表单时工作正常,但如果我再次提交,它会在原始错误旁边显示错误。如果再次单击,则会显示3 x相同的错误消息 $(document).ready(function(){ $(".message").hide(); $("#submit").on('click', function(){ var name = $("#name").val();
$(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()
,这就成功了!但是,如果我在错误中填充文本字段,它应该会消失,但它仍然保留在那里。这里确实没有足够的信息让我继续,但您可以在文本输入中附加一个“更改时”事件,当字段值更改时隐藏错误消息。