[Abide] Separating out error messages

[thisispax]

It would be great to separate error messages e.g. for an empty required field vs a field filled with invalid data.

Something like that:

<label>
    Amount
    <div class="input-group">
      <span class="input-group-label">$</span>
      <input class="input-group-field" id="exampleNumberInput" type="number" required pattern="number"/>
    </div>
    <span class="form-error" data-form-error-for="exampleNumberInput" data-form-pattern="required">Amount is required.</span>
    <span class="form-error" data-form-error-for="exampleNumberInput" data-form-pattern="number">Amount should be a number.</span>
</label>