All Projects → PascaleBeier → Bootstrap Validate

PascaleBeier / Bootstrap Validate

Licence: mit
A simple Form Validation Library for Bootstrap 3 and Bootstrap 4 not depending on jQuery.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Bootstrap Validate

Aurelia Slickgrid
Aurelia-Slickgrid a wrapper of the lightning fast & customizable SlickGrid datagrid with a few Styling Themes
Stars: ✭ 100 (-10.71%)
Mutual labels:  bootstrap, jquery, bootstrap4, bootstrap3
Formr
Create and Validate PHP Forms in Seconds.
Stars: ✭ 163 (+45.54%)
Mutual labels:  validation, form-validation, bootstrap, bootstrap4
Django Bootstrap Modal Forms
A Django plugin for creating AJAX driven forms in Bootstrap modal.
Stars: ✭ 244 (+117.86%)
Mutual labels:  form, jquery, bootstrap4, bootstrap3
Validate
A simple jQuery plugin to validate forms.
Stars: ✭ 298 (+166.07%)
Mutual labels:  validation, validate, form, jquery
Form Validation.js
The most customizable validation framework for JavaScript.
Stars: ✭ 127 (+13.39%)
Mutual labels:  validation, validate, form-validation, form
Bootstrap Colorpicker
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Stars: ✭ 1,351 (+1106.25%)
Mutual labels:  bootstrap, jquery, bootstrap4, bootstrap3
Bootstrap
Open Source JS plugins
Stars: ✭ 13 (-88.39%)
Mutual labels:  bootstrap, jquery, bootstrap3
Learningprocess
💥 本仓库用于记录我的学习历程和学习笔记
Stars: ✭ 31 (-72.32%)
Mutual labels:  webpack, bootstrap, jquery
Ecommerce
We're going to take you step-by-step to build a modern, fully open-source, eCommerce web application using Python, Django, Bootstrap, Javascript, and more.
Stars: ✭ 980 (+775%)
Mutual labels:  bootstrap, jquery, bootstrap4
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-8.04%)
Mutual labels:  webpack, bootstrap, bootstrap4
Mobirise
Free Website Builder for Bootstrap 4 & AMP
Stars: ✭ 664 (+492.86%)
Mutual labels:  bootstrap, jquery, bootstrap4
Bootstrap Show Modal
A Bootstrap 4 / jQuery plugin wrapper, to create modals dynamically in JavaScript
Stars: ✭ 38 (-66.07%)
Mutual labels:  bootstrap, jquery, bootstrap4
Vue2 Admin Lte
📊 adminLTE to vuejs v2.x converting project
Stars: ✭ 1,023 (+813.39%)
Mutual labels:  webpack, bootstrap, jquery
React Final Form
🏁 High performance subscription-based form state management for React
Stars: ✭ 6,781 (+5954.46%)
Mutual labels:  validation, form-validation, form
Ok
✔️ A tiny TypeScript library for form validation
Stars: ✭ 34 (-69.64%)
Mutual labels:  validation, form-validation, form
Formsy React
A form input builder and validator for React JS
Stars: ✭ 708 (+532.14%)
Mutual labels:  validation, form-validation, form
Usetheform
React library for composing declarative forms, manage their state, handling their validation and much more.
Stars: ✭ 40 (-64.29%)
Mutual labels:  validation, form-validation, form
Blog By Nodejs
NodeJs + Mongoose + Express + jQuery + BootStrap + Ejs + Webpack搭建多人博客
Stars: ✭ 72 (-35.71%)
Mutual labels:  webpack, bootstrap, jquery
Vue
Stars: ✭ 65 (-41.96%)
Mutual labels:  webpack, bootstrap, jquery
Just Validate
Lightweight (~4,5kb gzip) form validation in Javascript Vanilla, without dependencies, with customizable rules (including remote validation), customizable messages and customizable submit form with ajax helper.
Stars: ✭ 74 (-33.93%)
Mutual labels:  validation, form-validation, form

bootstrap-validate

A simple Form Validation Utility for Bootstrap 3 and 4 which does not depend on jQuery.

Demo

Supported Versions

  • v2: Bootstrap 4
  • v1: Bootstrap 3

Documentation

Read the Documentation at bootstrap-validate.js.org which resides below docs.

Usage

  1. Include the bootstrap-validate.js script:
<script src="bootstrap-validate.js"></script>
  1. Setup Validation for your Input Elements:

Imagine the following HTML:

<div class="form-group">
    <label class="control-label">Enter a Name</label>
    <input id="name">
</div>

Now you want a Name to be at max 30 characters long and add the following:

bootstrapValidate('#name', 'max:30:Your name must not be longer than 30 characters');

Validating an email address couldn't be easier!

<div class="form-group">
  <label for="email" class="control-label">Enter your E-Mail</label>
  <div class="input" id="email">
</div>

<script>
bootstrapValidate('#email', 'email:Enter a valid email address');
</script>

Download

You can find current and previous Downloads in our Download Archive.

Changelog

See CHANGELOG.

Tests

Tests are located under __tests__/. After installing all dependencies you may run yarn test or npm run test to spin up Jest-powered tests.

License

Licensed under the MIT License, see 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].