jQuery验证取决于规则不起作用

Question

我正在开发一个注册表单，并使用jQuery验证来检查表单。 我想验证出生日期，这样他们就不能选择例如2月31日。 我的代码是：

birthday:  {
             required: true,
             min: 1,
             max: {
             depends: function(element) {
              switch (parseInt($('#birthmonth').val())){
                     case 2:
                            maxday = 29;
                            break;
                     case 4:
                     case 6:
                     case 9:
                     case 11:
                            maxday = 30;
                            break;
                     default:
                            maxday = 31;                                
                 }                                                
              return maxday;
                 }}
            },

switch正常工作，并且该函数每个月都返回正确的值，但是即使我选择了第7天之后的任何月份，验证仍然显示无效的选择。我试图将返回值转换回字符串，但仍然无法正常工作。

Answer 1

在自定义方法中，这对您会更好一些。 通过使用addMethod方法创建新规则。

$(document).ready(function () {

    $('#myform').validate({
        rules: {
            birthday: {
                required: true,
                min: 1,
                mymax: ['#birthmonth']
            }
        }
    });

    jQuery.validator.addMethod('mymax', function (value, element, params) {
        switch (parseInt($(params[0]).val())) {
            case 2:
                maxday = 29;
                break;
            case 4:
            case 6:
            case 9:
            case 11:
                maxday = 30;
                break;
            default:
                maxday = 31;
        }
        params[1] = maxday;  // simply used for populating message at {1}
        return parseInt(value) <= maxday;
    }, "Please enter a value less than or equal to {1}");

});

工作演示： http ： //jsfiddle.net/4Uv8Y/