janiskelemen / Formvuelar
Licence: mit
Vue form components with server-side validation in mind
Stars: ✭ 263
Labels
Projects that are alternatives of or similar to Formvuelar
Vue Ui For Pc
基于Vue2.x的一套PC端UI组件，包括了Carousel 跑马灯、Cascader 级联、Checkbox 多选框、Collapse 折叠面板、DatePicker 日期选择、Dialog 对话框、Form 表单、Input 输入框、InputNumber 数字输入框、Layer 弹窗层、Loading 加载、Menu 菜单、Page 分页、Progress 进度条、Radio 单选框、SelectDropDown 仿select、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 文字提示、BackTop 返回顶部、steps 步骤条、Transfer 穿梭框、Tree 树形、Upload 文件上传、Lazy 图片懒加载、Loading 加载、Pagination 分页等等
Stars: ✭ 156 (-40.68%)
Mutual labels: vue-components, form, select, vuejs2
form-data-json
A zero dependency, cross browser library to easily get or set/manipulate form input values as/from a json object.
Stars: ✭ 37 (-85.93%)
Mutual labels: select, form, form-validation
Todo Vue
Code for YouTube series on building a Todo App in Vue.js
Stars: ✭ 199 (-24.33%)
Mutual labels: laravel, vue-components, vuejs2
Pd Select
vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮
Stars: ✭ 101 (-61.6%)
Mutual labels: vue-components, select, vuejs2
Heyui
🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top
Stars: ✭ 2,373 (+802.28%)
Mutual labels: vue-components, form, select
Vue Form Components
Clean & minimal vue form elements and form builder with validation
Stars: ✭ 120 (-54.37%)
Mutual labels: form-validation, vue-components, form
Vue Swatches
🎨 Help the user picking beautiful colors!
Stars: ✭ 456 (+73.38%)
Mutual labels: vue-components, color-picker, vuejs2
Vue Form Json Schema
Create forms using JSON schema. Bring your components!
Stars: ✭ 253 (-3.8%)
Mutual labels: vue-components, form, vuejs2
Tall Forms
Laravel Livewire (TALL-stack) form generator with realtime validation, file uploads, array fields, blade form input components and more.
Stars: ✭ 321 (+22.05%)
Mutual labels: laravel, form, tailwindcss
react-inputs-validation
A react component for form inputs validation. Online demo examples
Stars: ✭ 48 (-81.75%)
Mutual labels: select, form, form-validation
autoform
🤖📝 AutoForm is the simplest way to automatically generate fast, beautiful and standards/WCAG compliant HTML forms based on an Ecto Schema in a Phoenix Web Application to *significantly* speed up Web App Development. 🚀
Stars: ✭ 18 (-93.16%)
Mutual labels: form, form-validation
react-cool-form
😎 📋 React hooks for forms state and validation, less code more performant.
Stars: ✭ 246 (-6.46%)
Mutual labels: form, form-validation
jquery.niceform
The jQuery plugin for validation and post form data to server
Stars: ✭ 16 (-93.92%)
Mutual labels: form, form-validation
formalizer
React hooks based form validation made for humans.
Stars: ✭ 12 (-95.44%)
Mutual labels: form, form-validation
vue-use-form
✅ A Vue.js composition API function to validate forms
Stars: ✭ 97 (-63.12%)
Mutual labels: form, form-validation
react-useForm
World's simplest React hook to manage form state
Stars: ✭ 30 (-88.59%)
Mutual labels: form, form-validation
laravel-simple-select
Laravel Simple Select inputs component for Blade and Livewire.
Stars: ✭ 59 (-77.57%)
Mutual labels: select, tailwindcss
validate
An extension to the popular library validate.js that adds some useful custom validations out of the box. Also, a hub for all custom validations, that we have created, so you can easily add them to your own project.
Stars: ✭ 31 (-88.21%)
Mutual labels: form, form-validation
hierarchy-select
Hierarchy Select jQuery Plugin for Twitter Bootstrap
Stars: ✭ 40 (-84.79%)
Mutual labels: select, form
Vue form components with server side validation in mind
About
FormVuelar is a set of predefined vue form components which are designed to automatically display errors coming back from your backend. It works out of the box with the error message bag that is returned by Laravel when submitting an ajax form.
Examples
Give it a try!Documentation
Features
- Works out of the box with Laravel
- Axios integration
- Select with search and remote source option
- Nested Checkboxes
- File upload support including progress indication
- Image upload with image preview
- Dropzone with image preview (inspired by FilePond)
- Display validation error messages from error response
- Supports Tree Shaking (adds only used components to your js bundle)
Getting Started
npm install formvuelar --save
TODO
- Test coverage
Credits
License
Released under the MIT License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].