Installation

$ npm install --save @github/remote-form

Usage

import{remoteForm}from'@github/remote-form'// Make all forms that have the `data-remote` attribute a remote form.remoteForm('form[data-remote]',asyncfunction(form,wants,request){// Before we start the requestform.classList.remove('has-error')form.classList.add('is-loading')letresponsetry{response=awaitwants.html()}catch(error){// If the request errored, we'll set the error state and return.form.classList.remove('is-loading')form.classList.add('has-error')return}// If the request succeeded we can do something with the results.form.classList.remove('is-loading')form.querySelector('.results').innerHTML=response.html})

<formaction="/signup"method="post"data-remote><labelfor="username">Username</label><inputid="username"type="text"><labelfor="password">Username</label><inputid="password"type="password"><buttontype="submit">Log in</button><divclass="results"></div></form>

Browser support

Development

npm installnpm test

License