<form class="usa-form">
    <fieldset>
        <legend class="usa-drop_text">Enter a code</legend>
        <div class="usa-alert usa-alert-info">
            <div class="usa-alert-body">
                <h3 class="usa-alert-heading">Codes must:</h3>
            </div>
            <ul class="usa-checklist" id="validate-code">
                <li data-validator="uppercase">Have at least 1 uppercase character</li>
                <li data-validator="numerical">Have at least 1 numerical character</li>
            </ul>
        </div>
        <label for="code">Code</label>
        <input id="code" name="code" type="text" aria-describedby="validate-code" data-validate-uppercase="[A-Z]" data-validate-numerical="\d" data-validation-element="#validate-code">
        <input type="submit" value="Submit code">
    </fieldset>
</form>

There are no notes for this item.

<form class="usa-form">
  <fieldset>
    <legend class="usa-drop_text">Enter a code</legend>
    <div class="usa-alert usa-alert-info">
      <div class="usa-alert-body">
        <h3 class="usa-alert-heading">Codes must:</h3>
      </div>
      <ul class="usa-checklist" id="validate-code">
        <li data-validator="uppercase">Have at least 1 uppercase character</li>
        <li data-validator="numerical">Have at least 1 numerical character</li>
      </ul>
    </div>
    <label for="code">Code</label>
    <input id="code" name="code" type="text"
      aria-describedby="validate-code"
      data-validate-uppercase="[A-Z]"
      data-validate-numerical="\d"
      data-validation-element="#validate-code">
    <input type="submit" value="Submit code">
  </fieldset>
</form>
package:
  name: uswds
  version: 1.6.7
uswds:
  path: ../../dist