Kendo UI for jQuery

jQuery NumericTextBox

  • Allow users to enter numbers using the keyboard or spinners in this theme-conforming jQuery component.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
NumericTextBox Header
  • Overview

    The jQuery Numeric Text Box component is a form component dedicated exclusively to handling numeric values. Information can be inserted using the keyboard or manipulated using the UI spin buttons.

    See the jQuery NumericTextBox Overview demo

  • Floating Label

    Floating Labels are a great tool for providing quality UX. Text begins as a place holder in the text box and when the user clicks to input a value, the label moves to a position outside the field. While this is also available as a separate component, it is built into the NumericTextBox. All you need to do is set the label’s “floating” property to “true”.

    See the jQuery NumericTextBox Floating Label demo

  • Range Validation

    Enforce your business rules by only allowing users to enter values within your specified range. If a value outside the range is entered, the user will se an error message.

    See the jQuery NumericTextBox Range Validation demo

  • Prefix and Suffix Adornments

    Elevate user interactivity leveraging the option for adding prefix and suffix adornments. These are custom items, usually an icon or button, inside the field before or after the input area. Typical prefix adornments are currency symbols or unit indicators, while suffix adornments are often used for password visibility toggles, formatting or clearing the input. 

    See the jQuery NumericTextBox Prefix and Suffix demo

    NumericTextBox Prefix and suffix
  • Globalization

    NumericTextBox fully supports localization of component messages, cultural locals, and right-to-left alignment.

    Read the jQuery NumericTextBox Globalization documentation

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery NumericTextBox Keyboard Navigation demo

    Keyboard Navigation
  • Accessibility

    The jQuery NumericTextBox is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.

    Read the jQuery NumericTextBox Accessibility documentation

    jQuery accessibility

All Kendo UI for jQuery Components

Next Steps

Next Steps