Javascript 提交动态生成表单

我试图做的是根据一些输入动态创建一个新表单，一旦完成，我就提供了一个提交按钮来提交表单

代码如下：

function add(index_array) {
    //create the form
    var myform = document.createElement("form");
    myform.id="k_form"
    for ( i =0 ; i <index_array.length ; i ++)
    {
        var mytext = document.createElement("input");
        mytext.tpye="text";
        mytext.value=index_array[i];
        mytext.id=index_array[i];
        myform.appendChild(mytext); 

    }
    var mybutton = document.createElement("input");
    mybutton.type="button"
    mybutton.value="submit"
    myform.appendChild(mybutton);
    mydiv=document.getElementById("d_div");
    mydiv.appendChild(myform);
}

但是，当用户单击submit时，如何使其触发

---

请帮助：）

添加验证功能：

function add(index_array) {
var myform = document.createElement("form");
$(myform).attr('id',"k_form");
for ( i =0 ; i <index_array.length ; i ++)
{
    var mytext = document.createElement("input");
    $(mytext).attr('type','text').attr('value',index_array[i]).attr('id', index_array[i]);
    $(myform).append(mytext); 
}
var mybutton = document.createElement("input");
$(mybutton).attr('type','submit').attr('value','submit').attr('onclick','return display_textarea();');
$(myform).append(mybutton); 
mydiv=document.getElementById();
$("#d_div").append(myform);
}

function display_textarea(){
 var validation_success = true;
//do your validation here;
if(validation_success)
    return true;//submits the form
else {
     alert('validation not success');
    return false;// will not submit the form
    }
}

函数添加（索引数组）{
var myform=document.createElement（“表单”）；
$（myform）.attr（'id'，'k_form'）；
对于（i=0；iaddonclick=“doSomeThing（）；”，在按钮上方

然后编写doSomething函数
Hi Akhil，使用这个模板我创建了一个自己的函数，但是它为这一行抛出了一个错误：mybutton.onClick（）=function（）{display_textarea（）；}说[12:11:43.032]TypeError:mybutton.onClick不是一个函数@我不使用它，因为我对它很陌生，但如果你能把逻辑传给我，我想我可以解决它。使用jquery。这是一种更好的生活。我会更新我的代码以使用jquery。
function add(index_array) {
var myform = document.createElement("form");
$(myform).attr('id',"k_form");
for ( i =0 ; i <index_array.length ; i ++)
{
    var mytext = document.createElement("input");
    $(mytext).attr('type','text').attr('value',index_array[i]).attr('id', index_array[i]);
    $(myform).append(mytext); 
}
var mybutton = document.createElement("input");
$(mybutton).attr('type','submit').attr('value','submit').attr('onclick','return display_textarea();');
$(myform).append(mybutton); 
mydiv=document.getElementById();
$("#d_div").append(myform);
}

function display_textarea(){
 var validation_success = true;
//do your validation here;
if(validation_success)
    return true;//submits the form
else {
     alert('validation not success');
    return false;// will not submit the form
    }
}