Class: formie

formie

new formie(options)

A module that represents a formie object, a componentTab is a page composition tool.

Parameters:
Name Type Description
options object

configuration options
Author:
  • Yaw Joseph Etse
Copyright:
  • Copyright (c) 2014 Typesettin. All rights reserved.
License:
  • MIT
Source:
Requires:
  • module:async
  • module:classie
  • module:events
  • module:forbject
  • module:querystring
  • module:superagent
  • module:util-extend
  • module:util
Example
ajaxsubmitclassname: 'formie',
		ajaxsubmitfileuploadclassname: 'formie-file',
		ajaxformselector: '#formie',
		jsonp: false,
		autosubmitselectors: '.autoFormSubmit',
		autosubmitelements: [],
		preventsubmitselectors: '.noFormSubmit',
		preventsubmitelements: [],
		headers: {},
		queryparameters: {},
		postdata: {},
		beforesubmitcallback: null,
		errorcallback: null,
		successcallback: null

Requires

  • module:async
  • module:classie
  • module:events
  • module:forbject
  • module:querystring
  • module:superagent
  • module:util-extend
  • module:util

Methods

__ajaxFormEventListers()

add submit event listener to formie form

Source:

__ajaxSubmitFormie(e, element) → {function}

asynchronously submit from data, supports, POST, GET, and GET JSONP

Parameters:
Name Type Description
e object

form submit event
element object

form html element
Source:
Fires:
  • submitted(formieData)
Returns:

ajaxResponseHandler(error, response)

Type
function

__autoSubmitFormOnChange()

submit current form if html element has ajaxsubmitclassname class

Source:
Fires:
  • autosubmitelement(element)

__preventEnterSubmitListeners()

add keypress listeners to form elements that have preventsubmitselectors class to prevent submitting form on enter key

Source:

__preventSubmitOnEnter(e) → {boolean}

prevent element from submitting form when pressing enter key

Parameters:
Name Type Description
e object

keypress event
Source:
Fires:
  • prevententer(e.event:target)
Returns:

also e.preventDefault();

Type
boolean

__submit()

submit formie via ajax

Source:

__submitOnChangeListeners()

add change listener for form elements with autosubmitselectors class

Source:

_init()

sets this.options.form, also adds event listener for formie form [this.ajaxFormEventListers()], adds auto submit form listeners [this.submitOnChangeListeners()], and prevent submit listeners [this.preventEnterSubmitListeners()]

Source:
Fires:
  • event:initialized