Easy to use React validation components compatible for reactstrap. The polyfill can be applied into your web application by using tools like Webpack or Babel.
https://github.com/Availity/availity-reactstrap-validationTags | reactstrap availity form-validation react forms validation bootstrap component components react-component ui |
Implementation | Javascript |
License | MIT |
Platform | NodeJS |
Stateless React Components for Bootstrap 4. Follow the create-react-app instructions up to the Adding Bootstrap section and instead follow the reactstrap version of adding bootstrap.
react bootstrap ui components reactstrap component react-componentformsy-react-components is a selection of React components that render form elements for use in a formsy-react form. The components render markup to be quickly included in a Bootstrap 3 form. This includes a <label>, help text, and some validation styling tied to formsy’s validation state and validation messages.
bootstrap form-controls react-component react-components react formsy-reactRevalidation lets you write your forms as stateless function components, taking care of managing the local form state as well as the validation. Revalidation also works with classes and will support other React-like libraries like Preact or Inferno in the future. Form handling sounds trivial sometimes, but let’s just take a second to think about what is involved in the process. We need to define form fields, we need to validate the fields, we also might need to display errors according to the fact if the input validates, furthermore we need to figure out if the validation is instant or only after clicking on a submit button and so on and so forth.
react validations form validation formsI wrote an article on forms and validation with React JS, Nailing that validation with React JS, the result of that was this extension. The main concept is that forms, inputs and validation is done very differently across developers and projects. This extension to React JS aims to be that "sweet spot" between flexibility and reusability.
react form forms validation react-componentUse the code snippet below as an example to help you get started right away. Formous is a higher-order component that you can use to wrap your component in order to supply it with field validation, error notifications, and form submission handling.
react forms react-component form form-validation validationA simple React component capable of building HTML forms out of a JSON schema.
react json-schema forms ui web json data-validation formredux-form works with React Redux to enable an html form in React to use Redux to store all of its state. You can play around with redux-form in these sandbox versions of the Examples.
redux redux-form react form forms form-validation validation reactjs flux react-redux decoratorWinterfell allows you to build up complex, multi-page forms with conditional questions, validation and conditional-page switching via a JSON schema, rendered by React. Winterfell was initially made for a project in a sector that required a large, complex form with questions that would result in more questions or different pages when you clicked next. With an easy to write schema and a high level of customisation, comes a great power.
reactjs react forms json complex winterfell customisable validation validated form engine extendable conditional questions react-componentBetter form validation and value management for React. Provides minimal wiring while also allowing for complete input flexibility. Built on yup and react-input-message.
react-formal react form forms inputs validator schema validation react-component yupBy colocating all of the above in one place, Formik will keep things organized--making testing, refactoring, and reasoning about your forms a breeze.I (@jaredpalmer) wrote Formik while building a large internal administrative dashboard with @eonwhite. With around ~30 unique forms, it quickly became obvious that we could benefit by standardizing not just our input components but also the way in which data flowed through our forms.
react forms form higher-order-component formik react-dom validation hocReact Forms library provides a set of tools for React to handle form rendering and validation. You would probably also need a module bundler such as Browserify or Webpack as React Forms is distributed as a set of CommonJS modules.
forms react react-componenttcomb-form is looking for maintainers. If you're interested in helping a great way to get started would just be to start weighing-in on GitHub issues, reviewing and testing some PRs. The tcomb library provides a concise but expressive way to define domain models in JavaScript.
form forms validation generation react react-componentAn isomorphic form-handling library for React. Newforms can be used on the server, or bundled for the client using an npm-compatible packaging system such as Browserify or webpack.
unmaintained isomorphic form-handling forms input validation conversion coercion react react-componentResponsive ReactJS multistep form component
react responsive ui-components forms reactjs jsx css ui wizard-steps wizard webpack browserify react,-reactjs,-responsive,-componentIn the interest of making 🏁 React Final Form the best library it can be, we'd love your thoughts and feedback. Take a quick survey.
react form state-management form-validation forms asynchronous validation subscriptionCustom Field component with validation for creating easier form-like UI from interface builder. ##Example Project To run the example project, run pod try YALField.
ios field validation interface-builder cocoapods yalantis animationCollect JS Frameworks, Web components library and Admin Template. React based component library.
awesome awesome-list uikit ui-component framework react angular angular-components react-components vue-components vue-ui bootstrap-admin-theme ng-admin bootstrap vue-admin react-adminThis is an adaptation of the jQuery Live Form Validation found at http://www.geektantra.com/2009/09/jquery-live-form-validation/ for Twitter Boostrap. The modified script will allow for live form validation using the Twitter Bootstrap HTML pattern for forms.
Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.
spreadsheet data-grid grid-editor dynamic-table component data-binding data grid table editor data-table excel tabular-data edit-cell editable-table data-spreadsheetA set of React libraries for building forms. Like every package maintained by Vazco, uniforms packages are MIT licensed.
react forms meteor react-components react-library components component-library form-builder form-controls
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.