javascript - 提交动态生成的表单

Question

我想要做的是根据一些输入动态创建一个新表单，一旦完成，我就给出了一个提交按钮来提交表单。

这是代码：

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);
}

这将创建表单，现在我正在尝试在用户单击提交时处理此表单的输入。

我怎样才能做到这一点？

我在想我可以调用这个函数

document.forms["myform"].submit() 

但是当用户点击提交时，我怎样才能让它触发呢？

请帮忙 ：）

Answer 1

添加 onclick="doSomeThing();" 顶部按钮

并编写你的 doSomething 函数

Answer 2

添加验证功能：

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
    }
}