numeric validator
Check if the value an is empty string
Options
Using with form field
The HTML attributes are used to set the validator options via the Declarative plugin
| Name | HTML attribute | Type | Description |
|---|---|---|---|
message | data-fv-numeric___message | String | The error message |
thousandsSeparator | data-fv-numeric___thousands-separator | String | The thousands separator. The popular values are
|
decimalSeparator | data-fv-numeric___decimal-separator | String | The decimal separator. The popular values are
|
The thousandsSeparator and decimalSeparator options are useful if your country use particular separators for thousands and decimal parts. See the next Supporting locales section for more details.
Using with ES6 module
Supporting locales
The thousands and decimal separators might take different value in certain countries. The following table introduces some popular values that are defined by various countries.
You can click the sample number to test:
| Country | Thousands separator | Decimal separator | Sample | Is valid? |
|---|---|---|---|---|
| An empty string | A dot (.) | 95 | ||
| 095 | ||||
| 0095 | ||||
| 295 | ||||
| 7295 | ||||
| 67295 | ||||
| 967295.00 | ||||
| 4294967295.001 | ||||
| 7,295 | ||||
| 67,295 | ||||
| 967,295 | ||||
| 4967,295 | ||||
| 4,294,967,295,00 | ||||
| United States | A comma (,) | A dot (.) | 95 | |
| 295 | ||||
| 7,295 | ||||
| 67,295.001 | ||||
| 967,295 | ||||
| 967,295.00 | ||||
| 4,294,967,295 | ||||
| 4,294,967,295.00 | ||||
| 4,294,967,295.001 | ||||
| 7295 | ||||
| 67295.01 | ||||
| 4967,295 | ||||
| 4294,967,295.00 | ||||
| 4,294,967,295,00 | ||||
| 42,94,967,295.00 | ||||
| 42,94,967295.00 | ||||
| 4294,967,295.00 | ||||
| France | A blank space | A comma (,) | 95 | |
| 295 | ||||
| 67 295 | ||||
| 967 295 | ||||
| 967 295,00 | ||||
| 4 294 967 295 | ||||
| 4 294 967 295,00 | ||||
| 4 294 967 295,001 | ||||
| 7295 | ||||
| 67295,01 | ||||
| 4967 295 | ||||
| 4294 967 295,00 | ||||
| 4 294 967 295.00 | ||||
| 42 94 967 295,00 | ||||
| 42 94 967295,00 | ||||
| Italy | A dot (.) | A comma (,) | 95 | |
| 295 | ||||
| 7.295 | ||||
| 67.295 | ||||
| 967.295 | ||||
| 967.295,00 | ||||
| 4.294.967.295 | ||||
| 4.294.967.295,00 | ||||
| 4.294.967.295,0001 | ||||
| 7295 | ||||
| 67295,01 | ||||
| 4967.295 | ||||
| 967.295.00 | ||||
| 4294.967.295,00 | ||||
| 4.294.967.295.00 | ||||
| 42.94.967.295,00 | ||||
| 42.94.967295,00 |
The example also uses the updateValidatorOption() method to set values for thousandsSeparator and decimalSeparator options.
Tip
Since the thousands and decimal separators are various, the field should usetype="text"attribute. Usingtype="number"for field will restrict the input to use default separators for a number (an empty string for thousands, and a dot for decimal parts).
ES6 Module Example
The following snippet shows how to use the numeric validator with ES6 module:
Related validators
The following validators might be useful to you.