async-validator自定义error显示样式

async-validator 是一个用于前端表单验证的库，它支持自定义错误信息。可以通过配置 `messages` 对象来修改默认错误信息，也可以通过 `rules` 对象添加自定义规则和错误信息。

如果想要自定义错误信息的显示样式，可以通过 `validate` 方法的第二个参数传入一个 `options` 对象，在 `options` 对象中配置 `error` 函数，该函数会在验证不通过时被调用，可以在该函数中自定义错误信息的显示方式。

例如：

const validator = require('async-validator');

const descriptor = {
  name: {
    type: 'string',
    required: true,
    message: '请输入姓名'
  },
  age: {
    type: 'number',
    required: true,
    message: '请输入年龄'
  }
};

const options = {
  async error (errors) {
    const errorText = errors.map(error => error.message).join('<br>');
    const errorContainer = document.getElementById('error-container');
    errorContainer.innerHTML = errorText;
  }
};

const validateForm = async (formData) => {
  const validate = new validator(descriptor);
  try {
    await validate.validate(formData, options);
    console.log('验证通过');
  } catch (errors) {
    console.error(errors);
  }
};

validateForm({ name: '', age: '' });

在上面的例子中，我们配置了一个 `error` 函数来自定义错误信息的显示方式，在该函数中，我们将所有错误信息拼接成一个字符串，并显示在 `id` 为 `error-container` 的元素中，你可以根据实际情况来修改这个函数。

希望对你有所帮助！