GForm.jsx

GForm.jsx

/** @jsx React.DOM */

var _ = require('lodash');
var React = require('react');

var GForm = React.createClass({

  render: function() {
    return (
        <form onSubmit={this.onSubmit}>
          {this.props.children}
        </form>
    );
  },

  onSubmit: function(e) {
    e.preventDefault();
    var hash = getFormHash(this);
    if (this.props.onSuccess){
      this.props.onSuccess(hash);
    }
  }

});

module.exports = GForm;

var getAllFormFields = function(form){
  var els = form.getDOMNode().elements;
  var fields = _.compact(_.pluck(els, 'name'));
  return fields;
};


var getFormHash = function(form){
  var els = form.getDOMNode().elements;
  hash = {};
  console.log("els: ", els);
  _.each(els, function(el){
    if (el.name){
      hash[el.name] = el.value;
    }
  });
  return hash;
};