jquery - 如何为输入框添加动态验证？使用 jQuery

Question

这是我的问题..

我可以根据需要多次创建（添加）两个新的输入字段，同时我想验证打开的输入字段。我怎样才能做到这一点？

Answer 1

如果为每个输入元素赋予相同的类属性，则可以在验证函数中轻松地遍历所有元素。

function validateElements(){
  var invalidElements = [];
  $(".elementToValidate").each(function(index,elem){
    if ($(elem).val() == ''){
      // this element can not be validated! (perhaps add an indication on the page)
      invalidElements.push($(elem));
    }
  });

  if (invalidElements.length){
    return false; // there are invalid elements!  Can not validate.
  }
  return true; // Validated!
}

Answer 2

考虑您正在使用一个函数.validate()将验证处理程序附加到表单。当您创建一个新字段时，您可能正在调用一个函数，例如newField(). 在那，再次调用该.validate()函数？

$(document).ready(function(){
    $("form").validate();
});

在 JavaScript 中，插入：

<input type="button" onclick="newField(); $("form").validate();" />

所以每次插入新元素时，都会调用该.validate()函数。希望这可以帮助。