Kendo UI for jQuery

jQuery Form

  • Generate and manage the configuration, layout, and validation of your forms in one convenient place.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
FormField
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for jQuery Form allows you to generate and manage forms. Through a variety of configuration options, it makes creating and customizing forms a seamless experience. Achieve the desired form appearance by using default or custom editors, choose layout and orientation, display the editors in groups and columns, and configure validation.

    See the jQuery Form demo

    jquery-form
  • Items

    The jQuery Forms component allow you to configure aspects of each element of your form. Set options for labels, hints, requirement, type, and more.

    See the jQuery Forms Items demo

  • Layout

    To ensure that the jQuery Form fits into your app layout, you can choose to display the fields in default list format or in a grid. If you choose the grid, you can set the gutter width and up to 12 columns.

    See the jQuery Forms Layout demo

    forms-orientation
  • Groups

    Make your long forms more intuitive by displaying fields in labeled sections.

    See the jQuery Groups demo

  • Label Orientation

    Choose to display your jQuery Form labels above or to the left of each field.

    See the jQuery Form Orientation demo

  • Validation

    The jQuery Form validates its fields by default when the user submits data. Errant fields will be highlighted and accompanied by a customizable error message. A summary of all errors can also be displayed. Validation rules are default to their data types, but custom rules based on your business logic can also be enforced.

    See the jQuery Forms Validation demo

    forms-validation
  • Accessibility

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

    Read the jQuery Form Accessibility documentation

    jQuery accessibility