如何为输入框添加动态验证?使用jquery

时间:2012-09-14 10:24:28

标签: jquery

这是我的问题..

我可以选择创建(添加)两个新的输入字段,同时我想要验证打开的输入字段。我怎么能做到这一点?

2 个答案:

答案 0 :(得分:0)

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

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!
}

答案 1 :(得分:0)

考虑使用函数.validate()将Validation Handler附加到表单。当您创建新字段时,您可能正在调用函数,例如newField()。在那,再次调用.validate()函数?

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

在JavaScript中,您插入:

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

因此,每次插入新元素时,它都会调用.validate()函数。希望这会有所帮助。