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