nice validator如何让表单的msg消息在html中显示，类似于这种格式的 data-msg=“用户名不能为空”？

Question

如何让验证表单的msg消息在html中显示，
<input class="from-item" data-rule="required;" data-msg=“用户名不能为空” type="text" placeholder="用户名">
类似于这种格式的 data-msg=“用户名不能为空”，让这个msg在html中展示？？？
现在是这样的：

需求是这样的：

Answer 1

<form>
  <input id="text" placeholder="姓名" required oninvalid="setCustomValidity('用户名不能为空');" />
  <input id="button" type="submit" />
</form>