Minimum Number on Form

Description

set minimum number on form number field
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. First, you can add a Form Block with Number Field, use label: Number of People

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

#1.3. Click Advanced > Paste this code

If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1

<!-- 07.26c31v7 Minimum Number on Form -->
<script>
window.MinimumNumberFormOptions = {
  minimumNumber: 9,
  fieldPlaceholder: 'Enter 9 or more',
  errorMessage: 'Please enter a number of 9 or more.',
  errorTextSize: '14px',
  errorTextColor: '#d93025'
};
</script>
<script src="https://code.beaverhero.com/formblock/0726c31v7mininumnumberform.js"></script>

#2. Customize

#2.1. You can change all options in Line 04 to Line 08

minimumNumber: 9,
 fieldPlaceholder: 'Enter 9 or more',
 errorMessage: 'Please enter a number of 9 or more.',
 errorTextSize: '14px',
 errorTextColor: '#d93025'

#2.2. If you need to tweak more you can email/message me or use this AI Assistant (designed for Squarespace sites)

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can add a Markdown Block under Form Block.

Add this code into Markdown

<!-- 07.26c31v7 Minimum Number on Form -->
<script>
window.MinimumNumberFormOptions = {
  minimumNumber: 9,
  fieldPlaceholder: 'Enter 9 or more',
  errorMessage: 'Please enter a number of 9 or more.',
  errorTextSize: '14px',
  errorTextColor: '#d93025'
};
</script>
<script src="https://code.beaverhero.com/formblock/0726c31v7mininumnumberform.js"></script>