The custom view errors object

customViewErrors: {
  add: function(field, message, cls){
    // your logic here
  },
  remove: function(field, cls){
    // your logic here
  }
}

Method add()

When occur an error, the add method will be called, overriding the default method. This method will receive 3 parameters: the field, the message and the error message class.

Method remove()

When the field clear the errors the method remove will be called, overriding the default method. This method receive two parameters: the field and the error message class.

If you want access other selectors you can use: this.config.selectors object.

Usage example

The javascript:

var config = {
  customViewErrors: {
    add: function(field, message, cls){
      var messageContainer = document.createElement('SPAN');
      var cls = cls || this.config.selectors.error;
      messageContainer.innerHTML = message;
      messageContainer.classList.add(cls);
      field.parentElement.insertBefore(messageContainer, field);
      field.classList.add(this.config.selectors.error);
    },
    remove: function(field, cls){
      if(field.parentElement.querySelector('span')){
        field.parentElement.querySelector('span').remove();
        field.classList.remove(this.config.selectors.error);
      }
    }
  }	
};
var validator = new VanillaValidator(config);

The functionality above will overriding the default errors view methods.