jQuery表单验证插件中如何选择question1, question2, question3,...等元素？

Question

我正在使用 jQuery 和 jQuery Validation 插件来验证输入。下面是代码。现在有许多输入，如 question1、question2、question3、question4、... 我怎样才能对它们进行验证？我的意思是如何一起选择它们？

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

代码：

 $("input[name^='question']"): {
            required: true,
             minlength:40

        }  

不起作用。

Answer 1

几种方法。您可以使用逗号分隔符：

$("#question1, #question2, #question3")...

你可以使用add():

$("#question1").add("#question2").add("#question3")..

如果 question1 是名称而不是 ID，请使用属性选择器：

$(":input[name^=question]")...

但我建议使用一个类：

<input type="text" name="question1" class="question">
<input type="text" name="question2" class="question">
<input type="text" name="question3" class="question">

与：

$(":input.question")...

Answer 2

假设你的意思是<input type="text" name="question1" />，那么试试下面的 jquery 选择器：

$("input[name^='question']");

它将返回所有这些元素的列表。

这是如何做到的（假设您发布的代码适用于一个元素）：

$(document).ready(function() {
    $("input[name^='question']").validate({
        rules: {
            title: {
                required: true,
                minlength:40
            },
            content: {
                required: true,
                minlength:100,
                maxlength:2000
            }
        },
        messages: {
        }
    });
});