$( document ).ready(function() { 
    
    $('#spot').ajaxForm({ beforeSubmit: checkSpot, success: updateUserSpots, clearForm: true }); 

    $('#user_dtp_b').click( function() {
        $(this).datetimepicker( "dialog", $('#hid_ts').val(), setDateTime, 
            { prompt: 'Choose date and time', duration: '', firstDay: 1, mandatory: true } )
    });

});

function updateUserSpots( responseText, statusText ) {
    $( '#user_spots' ).html( responseText );
    setDateTime('');
}

function checkSpot( formData, jqForm, options ) {
    
    if ( $("[@name='user_cs']").fieldValue() == '' ) {
        alert( 'Please fill Callsign field!' );
        return false;
    }
    
    if ( $('#user_dtp_h').fieldValue() ==  '' ) {
        alert( 'Please fill Date/Time field!' );
        return false;
    }
    
    return true;
    
}

function setDateTime( dateTime ) {

    $('#user_dtp_h').val( dateTime );
    $('#user_dtp_s').html( dateTime );
    
}