javascript - 第一次验证后，动态添加到表单的输入不验证

Question

我有一个表格，可以在其中动态地添加一些输入。

每次用户从 addMaterialFornecedor select 中选择另一个“fornecedor”时，我都会为 preco 添加一个输入。

我的问题是，当我单击按钮并调用 validate() 函数http://js.sapo.pt/SAPO/Ink/FormValidator/doc.html如果我在单击按钮之前选择了“fornecedor”，则验证表单，但如果我单击按钮，选择“fornecedor”，然后再次单击它不会验证：s

http://jsfiddle.net/rVQB4/3/

我正在使用的 javascript 代码：

function formValidate(form){

  if(!SAPO.Ink.FormValidator.validate(form, options)){
    //some debug
    console.log(form);
    return false;
  }else{
    //some ajax calls
    return false;
  }

}

这是一个更好地解释问题的视频：https ://dl.dropbox.com/u/6416035/stack3.ogv 对不起我的英语：s 谢谢 :)

Answer 1

Livequery 通过将事件绑定到动态添加到 DOM 的事件来为动态添加到网页的项目创造奇迹。如果此绑定未发生，则不会为这些动态对象触发事件。

这是一个例子：

$(document).ready(function() {
  $("#myDynamicObject").livequery(function() {
    $(this).change(function() {
      // Do something.
    });
  });
});

有关如何使用 livequery 的更多信息，请参见此处。