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: {
        }
    });
});

如何在JQuery表单验证插件中选择问题1，问题2，问题3，...等元素？

2 个答案: