x-editable呈现html错误响应

Question

我们有一个系统，其中客户信息是可在线编辑的。当有人放入一封已经存在的电子邮件时，我想返回错误消息：

Email already exists. <a href='/find-duplicates/id'>Click here to find possible duplicates of this customer</a>

我希望用户在看到错误消息时能够单击链接。错误消息很容易发送；它呈现的是html，这就是问题所在。

Answer 1

尝试在x可编辑字段error中显示与@iateadonut相同的链接。

对于任何想要在x-editable错误中显示html的人，假设您的错误是从服务器返回的html的响应状态码不同于500 (可能是400)，请尝试：

$(function() {
  $('#your_field_id').editable({
    error: function(response, newValue) {            
        if(response.status === 500) {
            return 'Service unavailable. Please try later.';
        } else {
            var error = $.parseHTML( response.responseText )
            $(".editable-error-block").html(error)
        }
     },
  });
})

主要是html解析响应错误，并将其注入到x-editable error块中。在x-editable doc, options中找到。