Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
多个文本框的jQuery组验证_Jquery_Jquery Validate - Fatal编程技术网

多个文本框的jQuery组验证

多个文本框的jQuery组验证,jquery,jquery-validate,Jquery,Jquery Validate,我试图在homephone字段上实现jQuery验证。目前我的家庭电话字段应该包含10位数字。所以我有3个单独的文本框。第一个和第二个文本框分别接受3个数字,而最后一个文本框接受4个数字。目前验证工作正常。但我想要的是三个文本框的一条通用消息。现在,如果我留下1个文本框,错误消息将显示良好,但一旦我留下1个以上的文本框,错误消息就会被覆盖。表示错误消息的数量=文本框的剩余数量。我只想在输入家庭电话号码时,为任何数量的文本框留下一条错误消息 $("#signup").validate({

我试图在homephone字段上实现jQuery验证。目前我的家庭电话字段应该包含10位数字。所以我有3个单独的文本框。第一个和第二个文本框分别接受3个数字,而最后一个文本框接受4个数字。目前验证工作正常。但我想要的是三个文本框的一条通用消息。现在,如果我留下1个文本框,错误消息将显示良好,但一旦我留下1个以上的文本框,错误消息就会被覆盖。表示错误消息的数量=文本框的剩余数量。我只想在输入家庭电话号码时,为任何数量的文本框留下一条错误消息

$("#signup").validate({
        rules: {
            "data[User][homephone1]": {
                required: true,
                number: true,
                minlength: 3,
                maxlength: 3
            },
            "data[User][homephone2]": {
                required: true,
                number: true,
                minlength: 3,
                maxlength: 3
            },
            "data[User][homephone3]": {
                required: true,
                number: true,
                minlength: 4,
                maxlength: 4
            }
        },
        messages: {
            "data[User][homephone1]": {
                required: "Please enter a valid Phone Number",
                number: "",
                minlength: "",
                maxlength: ""
            },
            "data[User][homephone2]": {
                required: "Please enter a valid Phone Number",
                number: "",
                minlength: "",
                maxlength: ""
            },
            "data[User][homephone3]": {
                required: "Please enter a valid Phone Number",
                number: "",
                minlength: "",
                maxlength: ""
            }

有一个来自属性的
group\u,但我无法实现它。非常感谢您的帮助。

引用OP:

“目前验证工作正常。但我想要的是a 所有三个文本框的通用消息。如果我现在离开1 文本框错误消息将显示良好,但只要我离开 超过1个文本框,错误消息被覆盖。这意味着 错误消息数量=文本框剩余数量。我只想要一条 输入时任何数量的文本框出现错误消息 家庭电话号码。”

“存在来自
属性的
组,但我无法实现它。”

没有来自
选项的
组。但是,
选项将执行您想要的操作。它只是将多个字段的所有错误消息合并到一个字段中

$("#signup").validate({
    rules: {
        "data[User][homephone1]": {
            required: true,
            number: true,
            rangelength: [3, 3]
        },
        "data[User][homephone2]": {
            required: true,
            number: true,
            rangelength: [3, 3]
        },
        "data[User][homephone3]": {
            required: true,
            number: true,
            rangelength: [4, 4]
        }
    },
    messages: {
        "data[User][homephone1]": "Please enter a valid Phone Number",
        "data[User][homephone2]": "Please enter a valid Phone Number",
        "data[User][homephone3]": "Please enter a valid Phone Number"
    },
    groups: {
        phoneGroup: "data[User][homephone1] data[User][homephone2] data[User][homephone3]"
    }
});
  • 组名,
    phoneGroup
    完全是任意的,不在其他任何地方使用

  • 您还可以在
    messages
    选项下为每个字段指定一条消息

  • minlength
    maxlength
    规则可以组合到
    rangelength
    规则中


工作演示:

请将HTML发布给我们。附带说明,您可以使用一些您可能正在寻找的类似内容