我使用内置的HTML验证方法来验证表单中的出生日期。
该表单有三个选择列表元素：

• 用户出生日期
• 用户出生日期月份
• 用户出生年份

由于用户必须选择有效选项，因此所有三个元素均被设置为确认“必需”。
在用户填写完所有三个选项之后，HTML验证至少选择一个选项就可以了。但是我想检查闰年的日期，并确保用户没有选择类似于1998年2月31日的日期。
下面是我的代码：

$('#form-signup-next').submit(function(){                       
   if($('#user_dob_month').val()=='2' && $('#user_dob_date').val()>29 ){
        var obj=$('#user_dob_date')[0];
        alert($('#user_dob_month').val());
        obj.setCustomValidity('Invalid Date!');         
   }else{
        var obj=$('#user_dob_date')[0];
        obj.setCustomValidity('');
    }
    return false;
    });

有几个问题

• 自定义消息不显示时，提交被点击。它会如果按钮被点击两次。第一次点击它可能设置消息，但不显示，第二次点击错误显示
• 如果在错误的选择和显示自定义消息之后，如果日期是固定的，并且我们尝试提交表单，它仍然会抛出错误。