Simple utility methods to copy Backbone models to and from forms

form-utility.js

define([
    'jQuery',
    'Underscore'
], function ($, _) {

    'use strict';

    return {

        clearForm: function (f) {
            $(f).find('input').val('');
        },

        formToModel: function (form, model) {
            var success = true,
                jform = $(form);

            jform.find('.help-inline').remove();
            jform.find('.control-group').removeClass('error');

            jform.find('[data-bind]').each(function (i, elem) {
                var jelem = $(elem),
                    attr = jelem.data('bind'),
                    val = {};

                val[attr] = jelem.val();

                model.set(val, {
                    error: function (m, err) {
                        var helpInline = $('<span class="help-inline"></span>').text(err);
    
                        jelem.after(helpInline);
                        jelem.closest('.control-group').addClass('error');
    
                        if (success) {
                            jelem.focus();
                        }
    
                        success = false;
                    }
                });
            });

            return success;
        },

        modelToForm: function (model, form) {
            $(form).find('[data-bind]').each(function (i, elem) {
                var attr = $(elem).data('bind');

                $(elem).val(model.get(attr));
            });
        }

    };

});