在jquery中结合验证

Question

我有两个选择框月，年(过期日期)。我想同时验证这两个框。我需要所需的两个字段，但一个消息，如"请选择您的过期日期"。

在http://bassistance.de/jquery验证插件

jQuery("#payment_frm").validate({
rules: {
        exp_month:{
            required: true
            },
        exp_year:{
            required: true
            }                       
    },
    messages: {
        exp_month: "Please select expire month",
        exp_year: "Please select expire year"
    }
});

Thanks in advance

Answer 1

您需要的是'groups'选项-见下文-和分组错误放置。不太确定"消息"位，还没有尝试将自定义错误绑定回组。如果不工作，只需将两个消息设置为相同，并称之为好。

jQuery("#payment_frm").validate({
  groups: {
    expires: "exp_month exp_year"
  },
rules: {
        exp_month:{
            required: true
            },
        exp_year:{
            required: true
            }                       
    },
  errorPlacement: function(error, element) {
     if (element.attr("name") == "exp_month" 
                 || element.attr("name") == "exp_year" )
       error.insertAfter("#exp_year");
     else
       error.insertAfter(element);
   },
    messages: {
        expires: 'Please select your expiration date'
    }
});