的onsubmit驗證選項igeditor不工作

Question

下面是這種情況我有一個HTML頁面 作爲

<form id="form"> 

<table id="formtable"> 
<tr> 
<td id="label1"> 
<td id="editor1"> 
</tr> 

<tr> 
<td id="label2"> 
<td id="editor2"> 
</tr> 

</table> 

<input type="button" value="Save" id="save"/> 

</form> 

，並在劇本方面我聲明，並追加到表元素

var label1 = document.createElement('label'); 
var input1 = $('<input id="txt1"/>'); 

var label2 = document.createElement('label'); 
var input2 = $('<input id="txt2"/>'); 

label1.innerHTML = "First Name"; 
label2.innerHTML = "Last Name"; 

$(input1).igEditor({ 
       width: 140, 
       required:true, 
       validatorOptions: 
          { 
          onchange: false, 
          formSubmit: true,        
          } 
      }); 

$(input2).igEditor({ 
       width: 140, 
       required:true, 
       validatorOptions: 
          { 
          onchange: false, 
          formSubmit: true,        
          } 
      }); 
$("#label1").append(label1); 
$("#label2").append(label2); 
$("#editor1").append(input1); 
$("#editor2").append(input2); 

和在保存點擊我寫的代碼爲

$('#save').click(function() { 
     $('#form').submit(); 

}); 

但在窗體上未提交驗證錯誤消息並提交表單。 其他驗證，如onchange和onblur正在工作。 任何人都可以幫助我這個plz嗎？

Answer 1

我敢打賭，igValidator已經很難附加到表單提交事件，因爲你創建了文檔片段中的編輯器（通過jQuery），這些編輯器還沒有在DOM內部，更不用說在表單內部綁定到。

小提琴： - 簡單的解決方案但如果你堅持通過JS創建投入，intializing的igEditors前將他們http://jsfiddle.net/damyanpetev/U9SJP/

$("#label1").append(label1); 
$("#label2").append(label2); 

$(input1).igEditor({ 
    width: 140, 
    required: true, 
    validatorOptions: { 
     onchange: true, 
     formSubmit: true 
    } 
}); 

記住還有另一個（使用類型的輸入標籤提交）提交選項這是分開處理 - 有一個very elaborate sample on what Editor options do。