Numeric Entry

A numeric entry type question is a variation of a text entry question that accepts only numbers. This example demonstrates different types of numeric data entry questions supported by SurveyJS Form Library. Switch between React, Vue, Knockout, jQuery, and Angular to view an example for your JavaScript framework.

To create a numeric entry form field, define an object with the type property set to "text" and add it to the elements array. Within this object, specify the question's title and a unique name that identifies the numeric input question. Optionally, you can specify a description to place under the title and a placeholder to show within the number input box.

If a question requires specific numerical input, use the inputType property to specify the input type. An inputType value is passed on to the type attribute of the underlying <input> HTML element. This example demonstrates the "number", "range", and "tel" input types.

In addition, you can specify the autocomplete property to let the browser suggest autofill values. For example, the "Phone number" form field in this demo can be populated automatically if your browser contains autofill phone numbers.

If you need to ensure that respondents fill out all required form fields and the format of values is correct, enable data validation. This example demonstrates the following validation types and describes how to configure them:

• Required Validation
  Enable the isRequired property for the form fields that should not be empty.

• Number Range Validation
  Define an object with the type property set to "numeric" and add it to the validators array. Use the minValue and maxValue properties within this object to specify the range. Alternatively, you can use the min and max properties in the question object as shown in this demo.

• RegEx Validation
  Define an object with the type property set to "regex" and add it to the validators array. Assign a regular expression to the regex property within this object (see the "Phone number" form field in this demo).

To learn more about data validation in SurveyJS Form Library, refer to the following help topic: Data Validation.