Question

How would I validate the “date picker” field on step 3 of my multi-step jQuery form. Right now the field just checks if $(‘#datepicker’).val() is empty by sending an alert but still lets the user carry on until the next stage. How do you prevent the user from carrying on if the field is blank?

It can be found here: http://jsfiddle.net/xSkgH/28/

Thanks in advance!

Answer 1

Pretty simple, just return false;

if (!$('#datepicker').val()){
     //alert('no date!');   
     return false;                
}

Fixed fiddle

Updated Demo with inline Message

if (!$('#datepicker').val()){
    $("#errorMessage").html('no date!');   
    return false;                
}