phortune-credit-card-form.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

phortune-credit-card-form.js
View Options

	/**
	* @provides phortune-credit-card-form
	* @requires javelin-install
	* javelin-dom
	* javelin-json
	* javelin-workflow
	* javelin-util
	* @javelin
	*/

	/**
	* Simple wrapper for credit card forms generated by `PhortuneCreditCardForm`.
	*
	* To construct an object for a form:
	*
	* new JX.PhortuneCreditCardForm(form_root_node, submit_callback);
	*
	*/
	JX.install('PhortuneCreditCardForm', {
	construct : function(root, onsubmit) {
	this._root = root;
	this._submitCallback = onsubmit;
	JX.DOM.listen(root, 'submit', null, JX.bind(this, this._onsubmit));
	},

	members : {
	_root : null,
	_submitCallback : null,

	_getCardData : function() {
	var root = this._root;

	return {
	number : JX.DOM.find(root, 'input', 'number-input').value,
	cvc : JX.DOM.find(root, 'input', 'cvc-input' ).value,
	month : JX.DOM.find(root, 'select', 'month-input' ).value,
	year : JX.DOM.find(root, 'select', 'year-input' ).value
	};
	},

	submitForm : function(errors, token) {
	var params = {
	errors: JX.JSON.stringify(errors),
	token: JX.JSON.stringify(token \|\| {})
	};

	JX.Workflow
	.newFromForm(this._root, params)
	.start();
	},

	_onsubmit : function(e) {
	e.kill();
	this._submitCallback(this._getCardData());
	}

	}

	});