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 |
- Copyright:
- Copyright (c) 2014 Typesettin. All rights reserved.
- License:
- MIT
- Source:
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
-
__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
Fires:
- submitted(formieData)
Returns:
ajaxResponseHandler(error, response)
- Type
- function
-
__autoSubmitFormOnChange()
-
submit current form if html element has ajaxsubmitclassname class
Fires:
- autosubmitelement(element)
-
__preventEnterSubmitListeners()
-
add keypress listeners to form elements that have preventsubmitselectors class to prevent submitting form on enter key
-
__preventSubmitOnEnter(e) → {boolean}
-
prevent element from submitting form when pressing enter key
Parameters:
Name Type Description e
object keypress event
Fires:
- prevententer(e.event:target)
Returns:
also e.preventDefault();
- Type
- boolean
-
__submit()
-
submit formie via ajax
-
__submitOnChangeListeners()
-
add change listener for form elements with autosubmitselectors class
-
_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()]
Fires:
- event:initialized