在jquery中结合验证

时间:2011-05-03 09:59:19

标签: jquery validation jquery-validate

我有两个选择框Month,Year(过期日期)。我想同时验证两个框合并。我需要两个字段,但需要一条消息“请选择您的过期日期”。

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"
    }
});

提前致谢

1 个答案:

答案 0 :(得分:0)

您需要的是“群组”选项 - 请参见下文 - 以及分组错误展示位置。不太确定'消息'位,还没有尝试将自定义错误绑定到一个组。如果它不起作用,只需将两个消息设置为相同并称之为好。

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'
    }
});