清除Jquery CodeIgniter中任何先前的错误信息 - Clear any Previous error message in Jquery CodeIgniter

Clear any Previous error message in Jquery CodeIgniter

我在谷歌上搜索了很多之后发布了这个问题。我在Jquery POST方法上发布了我的表单，并在codeigniter中进行验证。

如果一个字段是空的，它会显示错误消息，但是当我填充该字段并再次单击时，这次没有错误，但它不会删除先前的错误消息。这是我的代码

 var parameters = $("#frm_rexpert").serialize();
     var form = $("#frm_rexpert");
     $.post(siteurl+'/services/req_expert', parameters, function(data) {
        if (data.status == true) {
            //show success message
            $("#msg_exp").show();
            setTimeout(function() { $("#msg_exp").hide(); }, 5000);
        }else{
            $.each(data.errors, function(key, val) {
                $('[name="'+ key +'"]', form).after(val);
            })
        }
    }, "json");

服务器端

       $this->form_validation->set_rules($rules);
        $this->form_validation->set_error_delimiters('<div class="error">', '</div>');
        if ($this->form_validation->run())
        {//do your code
        }else{
       $errors = array();
            // Loop through $_POST and get the keys
            foreach ($this->input->post() as $key => $value)
            {
                // Add the error message for this field
                $errors[$key] = form_error($key);
            }
            $response['errors'] = array_filter($errors); // Some might be empty
            $response['status'] = FALSE;
          }
     header('Content-type: application/json');
     exit(json_encode($response));

我的问题是"如果没有错误，我需要清除所有旧的错误消息"

如果您想要清除控制台，您只需要在成功块中使用console.clear()。如果您还想要删除以前错误插入的所有内容，则需要删除每个表单输入的after。像这样:

 $.post(siteurl+'/services/req_expert', parameters, function(data) {
    if (data.status == true) {
        $('.error', form).remove(); //removes previous errors' notices
        console.clear(); //clears the debug console
        //show success message
        $("#msg_exp").show();
        setTimeout(function() { $("#msg_exp").hide(); }, 5000);
    } ...

编辑:我改变了选择器来匹配有错误的元素。

见下面的代码。我已经用大写字母写了我的评论。

描述:您应该有两个不同的元素来显示成功和错误消息。然后在出现错误时显示错误消息，例如空字段，并在成功时隐藏错误消息，如果需要，还可以显示成功消息。如果你想要有多个错误消息，例如，如果有重复的错误，你想要堆叠错误消息，那么你不应该使用id作为元素选择器，而是使用class。因为id不能分配给html中的多个元素。用$(".msg_exp").hide();代替$("#msg_exp").hide();

var parameters = $("#frm_rexpert").serialize();
     var form = $("#frm_rexpert");
     $.post(siteurl+'/services/req_expert', parameters, function(data) {
        if (data.status == true) {
            //SHOW SUCCESS MESSAGE AND HIDE ERROR MESSAGE.
            $("#msg_success").show();
            setTimeout(function() { $("#msg_error").hide(); }, 5000);
        }else{
            //SHOW ERROR MESSAGE.
            $("#msg_error").show();
            $.each(data.errors, function(key, val) {
                $('[name="'+ key +'"]', form).after(val);
            })
        }
    }, "json");