Package Exports

kwesforms
kwesforms/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (kwesforms) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

KwesForms

KwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Enjoy:

Form-building tools
Frontend validation
Backend validation
Hide/show logic
Spam protection (97.3% accurate)
Data management
Autoresponders/Notification emails
Integrations & Webhooks

1. Install

# With npm
npm install kwesforms

# With yarn
yarn add kwesforms

2. Import

// Use import
import kwesforms from 'kwesforms';

// or require
const kwesforms = require('kwesforms');

3. Initialize

Include this method in the mounted function of the component/view that you will use KwesForms in.

kwesforms.init();

4. Set up your form

Create your form with your own HTML and CSS as you normally would. All you need to do is:

Add our kwes-form class to your form tag.
Add the action URL we provide when you create an account with us.

<form class="kwes-form" action="https://kwes.io/api/foreign/forms/{your_form_id}">
    ...
</form>

5. Add validation rules (optional)

Add our validation rules to your fields inside a rules attribute. You can add multiple validation rules by seperating them with a | character. Our rules validate on the frontend and the backend simultaneously:

As you type
When you click away from a field
When you click submit.

Example

<input type="text" rules="required|min:5|alpha_dash">

Read more about our validation rules here.