infragistics igeditor的onsubmit驗證選項不起作用

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創建輸入，請在初始化igEditors之前附加它們：

小提琴： http ： //jsfiddle.net/damyanpetev/U9SJP/

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

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

請記住，還有另一個提交選項（使用提交類型的輸入標記），它是單獨處理的 - 有一個關於編輯器選項的詳細示例 。