HTML minlength Attribute - Playground Example

« Back to HTML minlength Attribute

<label for="username">Username:</label>
<input type="text" id="username" name="username" minlength="6" required>
<br>
<span id="username-error"></span>

<script>
  const usernameInput = document.getElementById('username');
  const usernameError = document.getElementById('username-error');

  usernameInput.addEventListener('input', () => {
    if (usernameInput.value.length < 6) {
      usernameError.textContent = "Username must be at least 6 characters long";
    } else {
      usernameError.textContent = "";
    }
  });
</script>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee