Jquery表单验证插件，如何选择动态生成的输入元素进行验证？

Question

我正在使用Jquery表单验证插件在提交之前验证表单中的输入，有一些输入元素被命名为“question1”，“question2”，“question3”，...，它们是动态生成的。那么如何在 Jquery 插件函数 validate() 中验证这些输入元素呢？我需要一种方法来首先选择它们。

$(document).ready(function() {
    $("#formname").validate({
        rules: {
            title: {
                required: true,
                minlength:40
            },
            content: {
                required: true,
                minlength:100,
                maxlength:2000
            }
        },
        messages: {
        }
    });
});

标题、内容是同一表单中的其他输入元素，它们不是动态生成的，因此只需通过名称即可轻松验证。那么如何验证“question1”，“question2”，“question3”，...，当然我可以这样写:

 question1: {
                required: true,
                minlength:40
            },
      question2: {
                required: true,
                minlength:40
                    },
         question3: {
                required: true,
                minlength:40
            },
         ...

但是，正如我所说，这些输入元素是动态生成的，我无法预测有多少“questionn”。那么如何完成这项工作呢？

Answer 1

您必须在每个动态创建的元素上放置一个 class="question"属性，以便您可以针对它们执行 jQuery 选择器。

$(".question").validate({  etc...