javascript - OOP での動的フォームの作成と送信

Question

フォームを動的に作成してフォームを送信するクラスを作成しようとしています。単純なクラスですが、今は道に迷っています。

       var creathtml=function(){

       this.createform=function(o,title){

        var openingtag="<form action='#' class='form-horizontal well' onSubmit='this.submitform'><fieldset><legend>"+title+"</legend>";
        var fields="";

        for (var i=0; i<o.length; i++)
        {

            if(o[i].type=='input')
            {

            fields+="<div class='control-group'><label class='control-label' for='"+o[i].id+"'>"+o[i].label+"</label><div class='controls'><input type='"+o[i].subtype+"'  id='"+o[i].id+"' class='"+o[i].class+"'></div></div>";
            }

            if(o[i].type=='button')
            {

            fields+="<div class='control-group'><div class='controls'><button type='"+o[i].subtype+"'  id='"+o[i].id+"' class='"+o[i].class+"'>"+title+"</button></div></div>";
            }



        }

        var closingtag="</fieldset></form>";
            $(body).html (openingtag+fields+closingtag;

        };

    this.submitform=function()

        {

         console.log('mnmnmnmn');

                     return false;          
        }   

    }

使用法

            var obj= new creathtml;

                var  h=obj.createform([
             {'type':'input','subtype':'input','name':'Wow','label':'Item Name','id':'itmname','class':''},

             {'type':'input','subtype':'input','name':'hello','label':'Item Code','id':'hello','class':''},

             {'type':'input','subtype':'input','name':'hello','label':'Item Code','id':'hello2','class':''}, 
         {'type':'button','subtype':'submit','name':'submit','label':'Null','id':'submit','class':'btn btn-primary'}

             ],'Create New Items');

HTML を正常に作成し、DOM に入力しました。しかし、フォーム送信を検出する方法や、この特定のクラスの送信メソッドを作成する方法がわかりませんか?

javascript OOP を試すのはこれが初めてなので、間違っている場合は、可能であれば正しい方法を提案してください