2012-11-22 128 views
0

我想要做的是基於一些輸入動態地創建一個新的表單,一旦完成,我已經提交了一個提交按鈕來提交表單。提交動態生成表格

下面的代碼:

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() 

但我怎麼可以讓它觸發當用戶點擊提交?

請幫助:)

回答

0

添加驗證功能:

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

AKHIL嗨,使用該模板我創建但是我自己的一個功能,它拋出我此行一個錯誤:)mybutton.onClick(=函數(){display_textarea( );}說[12:11:43.032] TypeError:mybutton.onClick不是一個函數@ http://localhost/myproj/test5.html:24 – Riddle

+0

我可以使用jQuery嗎? –

+0

其mybutton.onclick –

0

添加的onclick = 「DoSomething的();」頂部的按鈕

,寫你的DoSomething的功能