RPeraltaJr
1/25/2018 - 3:33 PM

HTML Input field patterns

<!-- Only numbers allowed -->
<input type="text" name="zip_code" placeholder="Zip Code" pattern="[0-9]" title="Only numbers are allowed" required />
<!-- No numbers allowed -->
<label for="city">City</label>
<input type="text" name="city" id="city" placeholder="City" pattern="[^\d]" title="No numbers allowed" required />
<!-- A form with a search field that CANNOT contain the following characters: ' or " -->
<form action="/action_page.php">
  Search: <input type="search" name="search" pattern="[^'\x22]+" title="Invalid input">
  <input type="submit">
</form>
<!-- Only letters and spaces are allowed -->
<label for="first_name">First name</label>
<input type="text" name="first_name" id="first_name" placeholder="First Name" pattern="[a-zA-Z\s]+" title="Only letters and spaces are allowed" required>