1. <label for="accept_conditions_flip">Swap Centre Active:</label> <select name="accept_conditions_flip" id="accept_conditions_flip" data-role="slider"> <option value="0">No</option> <option value="1">Yes</option> </select> 

1. $().ready(function () { // validate signup form on keyup and submit $("#formMaster").validate({ rules: { username: { required: true }, email: { required: true, email: true }, password: { required: true, minlength: 6, maxlength: 10 }, confirm_password: { required: true, equalTo: "#password" }, date_of_birth: { required: true, check_date_of_birth: true } }, messages: { username: { required: "* Please provide an username", }, email: { required: "* Please provide a email address", email: "* Please provide a valid email address" }, password: { required: "* Please provide a password", minlength: "Min length is 6", maxlength: "Max length is 10" }, confirm_password: { required: "* Please provide a password", equalTo: "* Please enter the same password as above" }, date_of_birth: { required: "* Please provide a date of birth", check_date_of_birth: "* You must be over 18 years of age" } } }); }); //Age validator check $.validator.addMethod('check_date_of_birth', function(value, element) { try { var bdate = Date.parseExact($("#date_of_birth").val(), "d/M/yyyy"); var today18yearsAgo = Date.today().addYears(-18); if(Date.parseExact($("#date_of_birth").val(), "d/M/yyyy") > today18yearsAgo ) { return false; } else { return true; } } catch (ex) { return false; } }); //The Javascript: initializing the scroller $(function () { $("#date_of_birth").mobiscroll().date({ //invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] }, theme: 'ios', display: 'top', mode: 'scroller', animate: 'fade', dateFormat: 'dd/mm/yyyy', //dateFormat: 'mm/dd/yyyy', dateOrder: 'ddmmyy' //dateOrder: 'mmddyy' }); });

If I try to do it same way as any other input field, the validation doesn't care about the flip value. I don't know what I'm missing.

I would appreciate any help.

Thanks.