@idris-maps/form NPM

@idris-maps/form

Define forms in JSON. This library makes no assumptions about esthetics, use your own CSS.

Usage

without a bundler

<html>
  <body>
    <div id="login-form"></div>
    <script src="form.js"></script>
    <script>

form(document.getElementById('login-form'), {
  fields: [
    { type: 'email', property: 'email' },
    { type: 'password', property: 'password', minLength: 8  },
  ],
  submit: {
    method: 'POST',
    url: 'https://my.api/login',
    errorMessage: 'You are not welcome here',
    successRedirectUrl: '/home',
  },
})

    </script>
  </body>
</html>

Download form.js here.

with a bundler

npm install @idris-maps/form

Types are included.

import form, { Field, SubmitAction } from '@idris-maps/form'

const fields: Field[] = [
  { type: 'email', property: 'email' },
  { type: 'password', property: 'password', minLength: 8  },
]

const submit: SubmitAction = {
  method: 'POST',
  url: 'https://my.api/login',
  errorMessage: 'You are not welcome here',
  successRedirectUrl: '/home',
}

form(document.getElementById('login-form'), {
  fields,
  submit,
})

See the type definitions for more details.

form

@infinitebrahmanuniverse/nolb-_id @everything-registry/sub-chunk-454

4 years ago

4 years ago

4 years ago

4 years ago