validation - 语义UI错误模板

Question

语义ui表单的默认错误容器只是一个红色框，列出了错误，您在其中放置了以下语义ui代码:

<div class="ui error message"></div>

像这样: http://i.imgur.com/gJUTpdp.png

但是我想做的就是更改它，以便可以对其进行自定义并向其中添加自己的标题。

在语义ui站点中，它说:

The template for error messages can be modified by adjusting settings.template.error

有人可以告诉我如何使用错误模板吗？
我不知道如何使用settings.template.error。

更新:

除了Rob的答案，我从语义ui文档中发现，您还可以通过以下方式对其进行编码:

$.fn.form.settings.templates.error = 
function(errors) 
{
  var html = '<div class="ui header">Error Detected:</div>'
  html += '<ul class="list">';
  $.each(errors, function(index, value) {
    html += '<li>' + value + '</li>';
  });
  html += '</ul>';
  return $(html);
}

Answer 1

(查看源代码)错误模板是一个获取错误列表并返回显示的html(作为jquery元素)的函数。这是默认实现:

error: function(errors) {
  var
    html = '<ul class="list">'
  ;
  $.each(errors, function(index, value) {
    html += '<li>' + value + '</li>';
  });
  html += '</ul>';
  return $(html);
}

您应该尝试:

$('.ui.form').form({ /*...*/ }, 
 {
    templates: {
       error: function(errors){
          //...
          return $('<div class="ui header">Error Header</div>...');
       }
    }
 });