Limit Number Field to 5 Digit

Description

• limit number field to 5 digit, you can’t enter more >5 or under <5
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Make sure you use Number Field in Form Block

#1.2. Hover on Page where you use Form Block > Click Gear icon

#1.3. Click Advanced > Paste this code

<!-- 08.26c09v2 Limit Number Field to 5 Digit -->
<script>
window.LimitNumberFieldOptions = {
  requiredDigits: 5,
  fieldPlaceholder: '',
  errorMessage: 'Please enter exactly 5 digits.',
  errorTextSize: 14,
  errorTextColor: '#d93025',
  errorMarginTop: 16
};
</script>
<script src="https://code.beaverhero.com/formblock/0826c09v2limitnumberdigits.js"></script>

#1.4. If you want to change 5 to 6 or 7 numbers, you can change line 04

requiredDigits: 5,

#1.5. To change error message text, change line 06

errorMessage: 'Please enter exactly 5 digits.',

#1.6. If you need to tweak more you can use this AI Assistant (designed for Squarespace sites)