/* radRequestFormEN(); radRequestFormClassnamesEN(); add navigation add next step link add extra address link clear fields buttons disableOnCheck radRequestFormValidationEN(); radRequestFormClassnamesEN(){} radRequestFormValidationEN(){} */ function radRequestFormEN() { $(function(){ $("input#text-533") .add("input#text-593") .add("input#text-651") .add("input#text-479").datepicker({ dateFormat: 'dd-mm-y' },$.datepicker.regional['nl']); }); // #form-47 = Chauffeur booking request // #form-48 = Quotation request aanvragen if(!$('.requestform').length) return false; var radForm = '.requestform form'; // define which labels belong to which steps, define extra adresses radRequestFormClassnamesEN('.requestform form'); $(radForm).addClass('step1'); // add navigation var nav = '

Step 1 of 3
Step 2 of 3
Step 3 of 3

'; $(nav).insertBefore(radForm); $('#requestFormNavigation a').first().parent().addClass('active'); $('#requestFormNavigation a').click(function() { var step = $(this).attr('href').split('#')[1]; $(radForm).removeClass('step1').removeClass('step2').removeClass('step3'); $(radForm).addClass(step) $('#requestFormNavigation a').parent().removeClass('active'); $(this).parent().addClass('active'); $(this).blur(); return false; }); // add next step link var nxtprv = '

« Previous step
Next step »

'; $(nxtprv).insertBefore($(radForm).find('.buttonBar')); $('#nxtprvFormNavigation .prev a').click(function(){ if($(radForm).hasClass('step2')){ $('#requestFormNavigation a').eq(0).click(); } else if($(radForm).hasClass('step3')){ $('#requestFormNavigation a').eq(1).click(); } $(this).blur(); return false; }); $('#nxtprvFormNavigation .next a').click(function(){ if($(radForm).hasClass('step1')){ $('#requestFormNavigation a').eq(1).click(); } else if($(radForm).hasClass('step2')){ $('#requestFormNavigation a').eq(2).click(); } $(this).blur(); return false; }); // add extra address link var addExtraAddressLink = 'Add another address'; $(addExtraAddressLink).insertAfter($('.extraAdres5').last()); var extraAddresses = ['extraAdres1', 'extraAdres2', 'extraAdres3', 'extraAdres4', 'extraAdres5']; for(var i = 0; i < extraAddresses.length; i++){ $(radForm+' .'+extraAddresses[i]).hide(); } var shownExtraAddresses = 0; $(radForm+' a.addAddress').click(function(){ $(radForm+' .'+extraAddresses[shownExtraAddresses ]).show(); shownExtraAddresses++; if(shownExtraAddresses == extraAddresses.length) $(this).hide(); $(this).blur(); return false; }); // clear fields buttons var resetInput = ''; $(resetInput).prependTo($(radForm)); $(resetInput).insertBefore($(radForm).find('.buttonBar')); // disableOnCheck $('#checkbox-596').change(function() { var startAddress = $('#text-597').add('#text-598').add('#text-599'); if($(this).attr('checked')){ //startAddress.attr('disabled','disabled'); startAddress.attr('readonly','readonly'); startAddress.attr('value',''); $('#text-597').val( $('#text-584').val() ); $('#text-598').val( $('#text-585').val() ); $('#text-599').val( $('#text-586').val() ); } else { startAddress.attr('value',''); startAddress.removeAttr('readonly'); } }); $('#checkbox-654').change(function() { var startAddress = $('#text-655').add('#text-656').add('#text-657'); if($(this).attr('checked')){ //startAddress.attr('disabled','disabled'); startAddress.attr('readonly','readonly'); startAddress.attr('value',''); $('#text-655').val( $('#text-639').val() ); $('#text-656').val( $('#text-640').val() ); $('#text-657').val( $('#text-641').val() ); } else { startAddress.attr('value',''); startAddress.removeAttr('readonly'); } }); // validation overwrite IE radRequestFormValidationEN($(radForm).attr('id')); } function radRequestFormClassnamesEN(radForm) { // #form-47 = Chauffeur booking request // step1 $(radForm+' #textWrapper-582') .add(radForm+' #textWrapper-583') .add(radForm+' #textWrapper-584') .add(radForm+' #textWrapper-585') .add(radForm+' #textWrapper-586') .add(radForm+' #textWrapper-587') .add(radForm+' #textWrapper-588') .add(radForm+' #textWrapper-589').addClass('step1'); // step2 $(radForm+' #selectWrapper-590') .add(radForm+' fieldset.radio').addClass('step2'); // step3 $(radForm+' #freetext-592') .add(radForm+' #textWrapper-593') .add(radForm+' #selectWrapper-594') .add(radForm+' #selectWrapper-595') .add(radForm+' #checkboxWrapper-596') .add(radForm+' #textWrapper-597') .add(radForm+' #textWrapper-598') .add(radForm+' #textWrapper-599') .add(radForm+' #freetext-600') /* If so desired, you can... */ .add(radForm+' #freetext-601') /* Address 1 */ .add(radForm+' #textWrapper-602') .add(radForm+' #textWrapper-612') .add(radForm+' #textWrapper-616') .add(radForm+' #selectWrapper-621') .add(radForm+' #selectWrapper-626') .add(radForm+' #freetext-603') /* Address 2 */ .add(radForm+' #textWrapper-607') .add(radForm+' #textWrapper-611') .add(radForm+' #textWrapper-617') .add(radForm+' #selectWrapper-622') .add(radForm+' #selectWrapper-627') .add(radForm+' #freetext-604') /* Address 3 */ .add(radForm+' #textWrapper-608') .add(radForm+' #textWrapper-613') .add(radForm+' #textWrapper-618') .add(radForm+' #selectWrapper-623') .add(radForm+' #selectWrapper-628') .add(radForm+' #freetext-605') /* Address 4 */ .add(radForm+' #textWrapper-609') .add(radForm+' #textWrapper-614') .add(radForm+' #textWrapper-619') .add(radForm+' #selectWrapper-624') .add(radForm+' #selectWrapper-629') .add(radForm+' #freetext-606') /* Address 5 */ .add(radForm+' #textWrapper-610') .add(radForm+' #textWrapper-615') .add(radForm+' #textWrapper-620') .add(radForm+' #selectWrapper-625') .add(radForm+' #selectWrapper-630') .add(radForm+' #freetext-631') /* Final Address */ .add(radForm+' #textWrapper-632') .add(radForm+' #textWrapper-633') .add(radForm+' #textWrapper-634') .add(radForm+' #selectWrapper-635') .add(radForm+' #selectWrapper-636') .add(radForm+' .buttonBar').addClass('step3'); // extraAdres1 $(radForm+' #freetext-') .add(radForm+' #textWrapper-602') .add(radForm+' #textWrapper-612') .add(radForm+' #textWrapper-616') .add(radForm+' #selectWrapper-621') .add(radForm+' #selectWrapper-626').addClass('extraAdres1'); // extraAdres2 $(radForm+' #freetext-603') .add(radForm+' #textWrapper-607') .add(radForm+' #textWrapper-611') .add(radForm+' #textWrapper-617') .add(radForm+' #selectWrapper-622') .add(radForm+' #selectWrapper-627').addClass('extraAdres2'); // extraAdres3 $(radForm+' #freetext-604') .add(radForm+' #textWrapper-608') .add(radForm+' #textWrapper-613') .add(radForm+' #textWrapper-618') .add(radForm+' #selectWrapper-623') .add(radForm+' #selectWrapper-628').addClass('extraAdres3'); // extraAdres4 $(radForm+' #freetext-605') .add(radForm+' #textWrapper-609') .add(radForm+' #textWrapper-614') .add(radForm+' #textWrapper-619') .add(radForm+' #selectWrapper-624') .add(radForm+' #selectWrapper-629').addClass('extraAdres4'); // extraAdres5 $(radForm+' #freetext-606') .add(radForm+' #textWrapper-610') .add(radForm+' #textWrapper-615') .add(radForm+' #textWrapper-620') .add(radForm+' #selectWrapper-625') .add(radForm+' #selectWrapper-630').addClass('extraAdres5'); // #form-48 = Quotation request aanvragen // step1 $(radForm+' #textWrapper-637') .add(radForm+' #textWrapper-638') .add(radForm+' #textWrapper-639') .add(radForm+' #textWrapper-640') .add(radForm+' #textWrapper-641') .add(radForm+' #textWrapper-642') .add(radForm+' #textWrapper-643') .add(radForm+' #textWrapper-644').addClass('step1'); // step2 $(radForm+' #selectWrapper-645') .add(radForm+' #selectWrapper-646') .add(radForm+' #textWrapper-647') .add(radForm+' #textareaWrapper-648') .add(radForm+' fieldset.radio').addClass('step2'); // step3 $(radForm+' #freetext-650') .add(radForm+' #textWrapper-651') .add(radForm+' #selectWrapper-652') .add(radForm+' #selectWrapper-653') .add(radForm+' #checkboxWrapper-654') .add(radForm+' #textWrapper-655') .add(radForm+' #textWrapper-656') .add(radForm+' #textWrapper-657') .add(radForm+' #freetext-665') /*If so desired, you can...*/ .add(radForm+' #freetext-659') /* address1 */ .add(radForm+' #textWrapper-660') .add(radForm+' #textWrapper-661') .add(radForm+' #textWrapper-662') .add(radForm+' #selectWrapper-663') .add(radForm+' #selectWrapper-664') .add(radForm+' #freetext-666') /* address2 */ .add(radForm+' #textWrapper-673') .add(radForm+' #textWrapper-677') .add(radForm+' #textWrapper-681') .add(radForm+' #selectWrapper-685') .add(radForm+' #selectWrapper-689') .add(radForm+' #freetext-667') /* address3 */ .add(radForm+' #textWrapper-674') .add(radForm+' #textWrapper-678') .add(radForm+' #textWrapper-682') .add(radForm+' #selectWrapper-686') .add(radForm+' #selectWrapper-690') .add(radForm+' #freetext-668') /* address4 */ .add(radForm+' #textWrapper-675') .add(radForm+' #textWrapper-679') .add(radForm+' #textWrapper-683') .add(radForm+' #selectWrapper-687') .add(radForm+' #selectWrapper-691') .add(radForm+' #freetext-669') /* address5 */ .add(radForm+' #textWrapper-676') .add(radForm+' #textWrapper-680') .add(radForm+' #textWrapper-684') .add(radForm+' #selectWrapper-688') .add(radForm+' #selectWrapper-692') .add(radForm+' #freetext-693') /* final */ .add(radForm+' #textWrapper-694') .add(radForm+' #textWrapper-695') .add(radForm+' #textWrapper-696') .add(radForm+' #selectWrapper-697') .add(radForm+' #selectWrapper-698') .add(radForm+' .buttonBar').addClass('step3'); // extraAdres1 $(radForm+' #freetext-659') .add(radForm+' #textWrapper-660') .add(radForm+' #textWrapper-661') .add(radForm+' #textWrapper-662') .add(radForm+' #selectWrapper-663') .add(radForm+' #selectWrapper-664').addClass('extraAdres1'); // extraAdres2 $(radForm+' #freetext-666') .add(radForm+' #textWrapper-673') .add(radForm+' #textWrapper-677') .add(radForm+' #textWrapper-681') .add(radForm+' #selectWrapper-685') .add(radForm+' #selectWrapper-689').addClass('extraAdres2'); // extraAdres3 $(radForm+' #freetext-667') .add(radForm+' #textWrapper-674') .add(radForm+' #textWrapper-678') .add(radForm+' #textWrapper-682') .add(radForm+' #selectWrapper-686') .add(radForm+' #selectWrapper-690').addClass('extraAdres3'); // extraAdres4 $(radForm+' #freetext-668') .add(radForm+' #textWrapper-675') .add(radForm+' #textWrapper-679') .add(radForm+' #textWrapper-683') .add(radForm+' #selectWrapper-687') .add(radForm+' #selectWrapper-691').addClass('extraAdres4'); // extraAdres5 $(radForm+' #freetext-669') .add(radForm+' #textWrapper-676') .add(radForm+' #textWrapper-680') .add(radForm+' #textWrapper-684') .add(radForm+' #selectWrapper-688') .add(radForm+' #selectWrapper-692').addClass('extraAdres5'); } function radRequestFormValidationEN(formId){ // #form-47 = Chauffeur booking request if(formId == 47){ document.getElementById( formId ).onsubmit = function() { return _CF_checkCFForm_RAD3(document.getElementById(formId)); }; } // #form-48 = Quotation request aanvragen if(formId == 46){ document.getElementById( formId ).onsubmit = function() { return _CF_checkCFForm_RAD4(document.getElementById(formId)); }; }; } _CF_checkCFForm_RAD3 = function(_CF_this) { //reset on submit _CF_error_exists = false; _CF_error_messages = new Array(); _CF_error_fields = new Object(); _CF_FirstErrorField = null; //form element text-582 required check if( !_CF_hasValue(_CF_this['text-582'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-582", _CF_this['text-582'].value, "You have not provided us with your name. Please enter your name."); _CF_error_exists = true; } //form element text-584 required check if( !_CF_hasValue(_CF_this['text-584'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-584", _CF_this['text-584'].value, "You have not provided us with your address. Please enter your address."); _CF_error_exists = true; } //form element text-585 required check if( _CF_hasValue(_CF_this['text-585'], "TEXT", false ) ) { //form element text-585 'REGEX' validation checks if (!_CF_checkregex(_CF_this['text-585'].value, /^\d{4}[ ]{0,1}[a-zA-Z]{2}$/, true)) { _CF_onError(_CF_this, "text-585", _CF_this['text-585'].value, "You have not provided us with your postcode. Please enter your postcode."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-585", _CF_this['text-585'].value, "You have not provided us with your postcode. Please enter your postcode."); _CF_error_exists = true; } //form element text-586 required check if( !_CF_hasValue(_CF_this['text-586'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-586", _CF_this['text-586'].value, "You have not provided us with your town. Please enter your town."); _CF_error_exists = true; } //form element text-587 required check if( !_CF_hasValue(_CF_this['text-587'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-587", _CF_this['text-587'].value, "You have not provided us with your telephone number. Please enter your telephone number."); _CF_error_exists = true; } //form element text-589 required check if( !_CF_hasValue(_CF_this['text-589'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-589", _CF_this['text-589'].value, "You have not provided us with your email address. Please enter your email address."); _CF_error_exists = true; } //form element text-593 required check if( _CF_hasValue(_CF_this['text-593'], "TEXT", false ) ) { //form element text-593 'EURODATE' validation checks if (!_CF_checkeurodate(_CF_this['text-593'].value, true)) { _CF_onError(_CF_this, "text-593", _CF_this['text-593'].value, "You have not provided us with a date. Please enter a date."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-593", _CF_this['text-593'].value, "You have not provided us with a date. Please enter a date."); _CF_error_exists = true; } //form element text-632 required check if( !_CF_hasValue(_CF_this['text-632'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-632", _CF_this['text-632'].value, ""); _CF_error_exists = true; } //form element text-633 required check if( !_CF_hasValue(_CF_this['text-633'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-633", _CF_this['text-633'].value, ""); _CF_error_exists = true; } //form element text-634 required check if( !_CF_hasValue(_CF_this['text-634'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-634", _CF_this['text-634'].value, ""); _CF_error_exists = true; } //display error messages and return success if( _CF_error_exists ) { if( _CF_error_messages.length > 0 ) { // show alert() message _CF_onErrorAlert(_CF_error_messages); // set focus to first form error, if the field supports js focus(). /* if( _CF_this[_CF_FirstErrorField].type == "text" ) { _CF_this[_CF_FirstErrorField].focus(); }*/ } return false; }else { return true; } } _CF_checkCFForm_RAD4 = function(_CF_this) { //reset on submit _CF_error_exists = false; _CF_error_messages = new Array(); _CF_error_fields = new Object(); _CF_FirstErrorField = null; //form element text-637 required check if( !_CF_hasValue(_CF_this['text-637'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-637", _CF_this['text-637'].value, "You have not provided us with your name. Please enter your name."); _CF_error_exists = true; } //form element text-639 required check if( !_CF_hasValue(_CF_this['text-639'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-639", _CF_this['text-639'].value, "You have not provided us with your address. Please enter your address."); _CF_error_exists = true; } //form element text-640 required check if( _CF_hasValue(_CF_this['text-640'], "TEXT", false ) ) { //form element text-640 'REGEX' validation checks if (!_CF_checkregex(_CF_this['text-640'].value, /^\d{4}[ ]{0,1}[a-zA-Z]{2}$/, true)) { _CF_onError(_CF_this, "text-640", _CF_this['text-640'].value, "You have not provided us with your postcode. Please enter your postcode."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-640", _CF_this['text-640'].value, "You have not provided us with your postcode. Please enter your postcode."); _CF_error_exists = true; } //form element text-641 required check if( !_CF_hasValue(_CF_this['text-641'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-641", _CF_this['text-641'].value, "You have not provided us with your town. Please enter your town."); _CF_error_exists = true; } //form element text-642 required check if( !_CF_hasValue(_CF_this['text-642'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-642", _CF_this['text-642'].value, "You have not provided us with your telephone number. Please enter your telephone number."); _CF_error_exists = true; } //form element text-644 required check if( _CF_hasValue(_CF_this['text-644'], "TEXT", false ) ) { //form element text-644 'EMAIL' validation checks if (!_CF_checkEmail(_CF_this['text-644'].value, true)) { _CF_onError(_CF_this, "text-644", _CF_this['text-644'].value, "You have not provided us with your email address. Please enter your email address."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-644", _CF_this['text-644'].value, "You have not provided us with your email address. Please enter your email address."); _CF_error_exists = true; } //form element text-651 required check if( !_CF_hasValue(_CF_this['text-651'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-651", _CF_this['text-651'].value, "You have not provided us with a date. Please enter a date."); _CF_error_exists = true; } //form element text-694 required check if( !_CF_hasValue(_CF_this['text-694'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-694", _CF_this['text-694'].value, "You have not provided us with your final destination addres. Please enter your final destination addres."); _CF_error_exists = true; } //form element text-695 required check if( !_CF_hasValue(_CF_this['text-695'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-695", _CF_this['text-695'].value, "You have not provided us with your final destination postcode. Please enter your final destination postcode."); _CF_error_exists = true; } //form element text-696 required check if( !_CF_hasValue(_CF_this['text-696'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-696", _CF_this['text-696'].value, "You have not provided us with your final destination town. Please enter your final destination town."); _CF_error_exists = true; } //display error messages and return success if( _CF_error_exists ) { if( _CF_error_messages.length > 0 ) { // show alert() message _CF_onErrorAlert(_CF_error_messages); // set focus to first form error, if the field supports js focus(). /* if( _CF_this[_CF_FirstErrorField].type == "text" ) { _CF_this[_CF_FirstErrorField].focus(); }*/ } return false; }else { return true; } } /* radRequestForm(); radRequestFormClassnames(); add navigation add next step link add extra address link clear fields buttons disableOnCheck radRequestFormValidation(); radRequestFormClassnames(){} radRequestFormValidation(){} */ function radRequestForm() { $(function(){ $("input#text-533") .add("input#text-479").datepicker({ dateFormat: 'dd-mm-y' // ,beforeShow: customRange },$.datepicker.regional['nl']); }); // #form-45 = chauffeur aanvragen // #form-46 = offerte aanvragen if(!$('.requestform').length) return false; var radForm = '.requestform form'; // define which labels belong to which steps, define extra adresses radRequestFormClassnames('.requestform form'); $(radForm).addClass('step1'); // add navigation var nav = '

Stap 1 van 3
Stap 2 van 3
Stap 3 van 3

'; $(nav).insertBefore(radForm); $('#requestFormNavigation a').first().parent().addClass('active'); $('#requestFormNavigation a').click(function() { var step = $(this).attr('href').split('#')[1]; $(radForm).removeClass('step1').removeClass('step2').removeClass('step3'); $(radForm).addClass(step) $('#requestFormNavigation a').parent().removeClass('active'); $(this).parent().addClass('active'); $(this).blur(); return false; }); // add next step link var nxtprv = '

« Vorige stap
Volgende stap »

'; $(nxtprv).insertBefore($(radForm).find('.buttonBar')); $('#nxtprvFormNavigation .prev a').click(function(){ if($(radForm).hasClass('step2')){ $('#requestFormNavigation a').eq(0).click(); } else if($(radForm).hasClass('step3')){ $('#requestFormNavigation a').eq(1).click(); } $(this).blur(); return false; }); $('#nxtprvFormNavigation .next a').click(function(){ if($(radForm).hasClass('step1')){ $('#requestFormNavigation a').eq(1).click(); } else if($(radForm).hasClass('step2')){ $('#requestFormNavigation a').eq(2).click(); } $(this).blur(); return false; }); // add extra address link var addExtraAddressLink = 'Adres toevoegen'; $(addExtraAddressLink).insertAfter($('.extraAdres5').last()); var extraAddresses = ['extraAdres1', 'extraAdres2', 'extraAdres3', 'extraAdres4', 'extraAdres5']; for(var i = 0; i < extraAddresses.length; i++){ $(radForm+' .'+extraAddresses[i]).hide(); } var shownExtraAddresses = 0; $(radForm+' a.addAddress').click(function(){ $(radForm+' .'+extraAddresses[shownExtraAddresses ]).show(); shownExtraAddresses++; if(shownExtraAddresses == extraAddresses.length) $(this).hide(); $(this).blur(); return false; }); // clear fields buttons var resetInput = ''; $(resetInput).prependTo($(radForm)); $(resetInput).insertBefore($(radForm).find('.buttonBar')); // disableOnCheck $('#checkbox-482').change(function() { var startAddress = $('#text-483').add('#text-484').add('#text-485'); if($(this).attr('checked')){ //startAddress.attr('disabled','disabled'); startAddress.attr('readonly','readonly'); startAddress.attr('value',''); $('#text-483').val( $('#text-470').val() ); $('#text-484').val( $('#text-471').val() ); $('#text-485').val( $('#text-472').val() ); } else { startAddress.attr('value',''); startAddress.removeAttr('readonly'); } }); $('#checkbox-537').change(function() { var startAddress = $('#text-536').add('#text-539').add('#text-540'); if($(this).attr('checked')){ //startAddress.attr('disabled','disabled'); startAddress.attr('readonly','readonly'); startAddress.attr('value',''); $('#text-536').val( $('#text-521').val() ); $('#text-539').val( $('#text-522').val() ); $('#text-540').val( $('#text-523').val() ); } else { startAddress.attr('value',''); startAddress.removeAttr('readonly'); } }); // validation overwrite IE radRequestFormValidation($(radForm).attr('id')); } function radRequestFormClassnames(radForm) { // #form-45; chauffeur aanvragen // step1 $(radForm+' #textWrapper-468') .add(radForm+' #textWrapper-469') .add(radForm+' #textWrapper-470') .add(radForm+' #textWrapper-471') .add(radForm+' #textWrapper-472') .add(radForm+' #textWrapper-474') .add(radForm+' #textWrapper-475') .add(radForm+' #textWrapper-476').addClass('step1'); // step2 $(radForm+' #selectWrapper-477') .add(radForm+' fieldset.radio').addClass('step2'); // step3 $(radForm+' #freetext-498') .add(radForm+' #textWrapper-479') .add(radForm+' #selectWrapper-480') .add(radForm+' #selectWrapper-481') .add(radForm+' #checkboxWrapper-482') .add(radForm+' #textWrapper-483') .add(radForm+' #textWrapper-484') .add(radForm+' #textWrapper-485') .add(radForm+' #freetext-486') /*Hieronder kunt u... */ .add(radForm+' #freetext-572') .add(radForm+' #textWrapper-493') .add(radForm+' #textWrapper-494') .add(radForm+' #textWrapper-495') .add(radForm+' #selectWrapper-496') .add(radForm+' #selectWrapper-497') .add(radForm+' #freetext-573') .add(radForm+' #textWrapper-499') .add(radForm+' #textWrapper-500') .add(radForm+' #textWrapper-501') .add(radForm+' #selectWrapper-502') .add(radForm+' #selectWrapper-503') .add(radForm+' #freetext-574') .add(radForm+' #textWrapper-504') .add(radForm+' #textWrapper-507') .add(radForm+' #textWrapper-510') .add(radForm+' #selectWrapper-513') .add(radForm+' #selectWrapper-516') .add(radForm+' #freetext-575') .add(radForm+' #textWrapper-505') .add(radForm+' #textWrapper-508') .add(radForm+' #textWrapper-511') .add(radForm+' #selectWrapper-514') .add(radForm+' #selectWrapper-517') .add(radForm+' #freetext-576') .add(radForm+' #textWrapper-506') .add(radForm+' #textWrapper-509') .add(radForm+' #textWrapper-512') .add(radForm+' #selectWrapper-515') .add(radForm+' #selectWrapper-518') .add(radForm+' #freetext-487') /* Eindadres */ .add(radForm+' #textWrapper-488') .add(radForm+' #textWrapper-489') .add(radForm+' #textWrapper-490') .add(radForm+' #selectWrapper-491') .add(radForm+' #selectWrapper-492') .add(radForm+' .buttonBar').addClass('step3'); // extraAdres1 $(radForm+' #freetext-572') .add(radForm+' #textWrapper-493') .add(radForm+' #textWrapper-494') .add(radForm+' #textWrapper-495') .add(radForm+' #selectWrapper-496') .add(radForm+' #selectWrapper-497').addClass('extraAdres1'); // extraAdres2 $(radForm+' #freetext-573') .add(radForm+' #textWrapper-499') .add(radForm+' #textWrapper-500') .add(radForm+' #textWrapper-501') .add(radForm+' #selectWrapper-502') .add(radForm+' #selectWrapper-503').addClass('extraAdres2'); // extraAdres3 $(radForm+' #freetext-574') .add(radForm+' #textWrapper-504') .add(radForm+' #textWrapper-507') .add(radForm+' #textWrapper-510') .add(radForm+' #selectWrapper-513') .add(radForm+' #selectWrapper-516').addClass('extraAdres3'); // extraAdres4 $(radForm+' #freetext-575') .add(radForm+' #textWrapper-505') .add(radForm+' #textWrapper-508') .add(radForm+' #textWrapper-511') .add(radForm+' #selectWrapper-514') .add(radForm+' #selectWrapper-517').addClass('extraAdres4'); // extraAdres5 $(radForm+' #freetext-576') .add(radForm+' #textWrapper-506') .add(radForm+' #textWrapper-509') .add(radForm+' #textWrapper-512') .add(radForm+' #selectWrapper-515') .add(radForm+' #selectWrapper-518').addClass('extraAdres5'); // #form-46; offerte aanvragen // step1 $(radForm+' #textWrapper-519') .add(radForm+' #textWrapper-520') .add(radForm+' #textWrapper-521') .add(radForm+' #textWrapper-522') .add(radForm+' #textWrapper-523') .add(radForm+' #textWrapper-524') .add(radForm+' #textWrapper-525') .add(radForm+' #textWrapper-526').addClass('step1'); // step2 $(radForm+' #selectWrapper-527') .add(radForm+' #selectWrapper-528') .add(radForm+' #textWrapper-529') .add(radForm+' #textareaWrapper-530') .add(radForm+' fieldset.radio').addClass('step2'); // step3 $(radForm+' #freetext-532') .add(radForm+' #textWrapper-533') .add(radForm+' #selectWrapper-534') .add(radForm+' #selectWrapper-535') .add(radForm+' #checkboxWrapper-537') .add(radForm+' #textWrapper-536') .add(radForm+' #textWrapper-539') .add(radForm+' #textWrapper-540') .add(radForm+' #freetext-538') /*Hieronder kunt u... */ .add(radForm+' #freetext-577') .add(radForm+' #textWrapper-541') .add(radForm+' #textWrapper-547') .add(radForm+' #textWrapper-552') .add(radForm+' #selectWrapper-557') .add(radForm+' #selectWrapper-562') .add(radForm+' #freetext-578') .add(radForm+' #textWrapper-542') .add(radForm+' #textWrapper-548') .add(radForm+' #textWrapper-553') .add(radForm+' #selectWrapper-558') .add(radForm+' #selectWrapper-563') .add(radForm+' #freetext-579') .add(radForm+' #textWrapper-543') .add(radForm+' #textWrapper-549') .add(radForm+' #textWrapper-554') .add(radForm+' #selectWrapper-559') .add(radForm+' #selectWrapper-564') .add(radForm+' #freetext-580') .add(radForm+' #textWrapper-544') .add(radForm+' #textWrapper-550') .add(radForm+' #textWrapper-555') .add(radForm+' #selectWrapper-560') .add(radForm+' #selectWrapper-565') .add(radForm+' #freetext-581') .add(radForm+' #textWrapper-545') .add(radForm+' #textWrapper-551') .add(radForm+' #textWrapper-556') .add(radForm+' #selectWrapper-561') .add(radForm+' #selectWrapper-566') .add(radForm+' #freetext-546') /* Eindadres */ .add(radForm+' #textWrapper-567') .add(radForm+' #textWrapper-568') .add(radForm+' #textWrapper-569') .add(radForm+' #selectWrapper-570') .add(radForm+' #selectWrapper-571') .add(radForm+' .buttonBar').addClass('step3'); // extraAdres1 $(radForm+' #freetext-577') .add(radForm+' #textWrapper-541') .add(radForm+' #textWrapper-547') .add(radForm+' #textWrapper-552') .add(radForm+' #selectWrapper-557') .add(radForm+' #selectWrapper-562').addClass('extraAdres1'); // extraAdres2 $(radForm+' #freetext-578') .add(radForm+' #textWrapper-542') .add(radForm+' #textWrapper-548') .add(radForm+' #textWrapper-553') .add(radForm+' #selectWrapper-558') .add(radForm+' #selectWrapper-563').addClass('extraAdres2'); // extraAdres3 $(radForm+' #freetext-579') .add(radForm+' #textWrapper-543') .add(radForm+' #textWrapper-549') .add(radForm+' #textWrapper-554') .add(radForm+' #selectWrapper-559') .add(radForm+' #selectWrapper-564').addClass('extraAdres3'); // extraAdres4 $(radForm+' #freetext-580') .add(radForm+' #textWrapper-544') .add(radForm+' #textWrapper-550') .add(radForm+' #textWrapper-555') .add(radForm+' #selectWrapper-560') .add(radForm+' #selectWrapper-565').addClass('extraAdres4'); // extraAdres5 $(radForm+' #freetext-581') .add(radForm+' #textWrapper-545') .add(radForm+' #textWrapper-551') .add(radForm+' #textWrapper-556') .add(radForm+' #selectWrapper-561') .add(radForm+' #selectWrapper-566').addClass('extraAdres5'); } function radRequestFormValidation(formId){ // #form-45 = chauffeur aanvragen if(formId == 45){ document.getElementById( formId ).onsubmit = function() { return _CF_checkCFForm_RAD(document.getElementById(formId)); }; } // #form-46 = offerte aanvragen if(formId == 46){ document.getElementById( formId ).onsubmit = function() { return _CF_checkCFForm_RAD2(document.getElementById(formId)); }; }; } _CF_checkCFForm_RAD = function(_CF_this) { //reset on submit _CF_error_exists = false; _CF_error_messages = new Array(); _CF_error_fields = new Object(); _CF_FirstErrorField = null; //form element text-468 required check if( !_CF_hasValue(_CF_this['text-468'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-468", _CF_this['text-468'].value, "Excuses, we hebben uw naam van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-470 required check if( !_CF_hasValue(_CF_this['text-470'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-470", _CF_this['text-470'].value, "Excuses, we hebben een (geldig) adres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-471 required check if( _CF_hasValue(_CF_this['text-471'], "TEXT", false ) ) { //form element text-471 'REGEX' validation checks if (!_CF_checkregex(_CF_this['text-471'].value, /^\d{4}[ ]{0,1}[a-zA-Z]{2}$/, true)) { _CF_onError(_CF_this, "text-471", _CF_this['text-471'].value, "Excuses, we hebben een (geldige) postcode van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-471", _CF_this['text-471'].value, "Excuses, we hebben een (geldige) postcode van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-472 required check if( !_CF_hasValue(_CF_this['text-472'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-472", _CF_this['text-472'].value, "Excuses, we hebben een (geldige) plaats van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-474 required check if( _CF_hasValue(_CF_this['text-474'], "TEXT", false ) ) { //form element text-474 'REGEX' validation checks if (!_CF_checkregex(_CF_this['text-474'].value, /(^\s*\+*\d*(\d{2}[-\s]*\d{8})|(\d{3}[-\s]*\d{7})|(\d{4}[-\s]*\d{6})\s*$)/, true)) { _CF_onError(_CF_this, "text-474", _CF_this['text-474'].value, "Excuses, we hebben een (geldig) telefoonnummer van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-474", _CF_this['text-474'].value, "Excuses, we hebben een (geldig) telefoonnummer van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-476 required check if( _CF_hasValue(_CF_this['text-476'], "TEXT", false ) ) { //form element text-476 'EMAIL' validation checks if (!_CF_checkEmail(_CF_this['text-476'].value, true)) { _CF_onError(_CF_this, "text-476", _CF_this['text-476'].value, "Excuses, we hebben een (geldig) e-mailadres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-476", _CF_this['text-476'].value, "Excuses, we hebben een (geldig) e-mailadres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-479 required check if( _CF_hasValue(_CF_this['text-479'], "TEXT", false ) ) { //form element text-479 'EURODATE' validation checks if (!_CF_checkeurodate(_CF_this['text-479'].value, true)) { _CF_onError(_CF_this, "text-479", _CF_this['text-479'].value, "Excuses, we hebben een datum van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-479", _CF_this['text-479'].value, "Excuses, we hebben een datum van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-488 required check if( !_CF_hasValue(_CF_this['text-488'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-488", _CF_this['text-488'].value, "Excuses, we hebben een (geldig) eindadres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-489 required check if( !_CF_hasValue(_CF_this['text-489'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-489", _CF_this['text-489'].value, "Excuses, we hebben een (geldige) postcode van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-490 required check if( !_CF_hasValue(_CF_this['text-490'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-490", _CF_this['text-490'].value, "Excuses, we hebben een (geldige) plaats van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //display error messages and return success if( _CF_error_exists ) { if( _CF_error_messages.length > 0 ) { // show alert() message _CF_onErrorAlert(_CF_error_messages); // set focus to first form error, if the field supports js focus(). /* if( _CF_this[_CF_FirstErrorField].type == "text" ) { _CF_this[_CF_FirstErrorField].focus(); } */ } return false; }else { return true; } } _CF_checkCFForm_RAD2 = function(_CF_this) { //reset on submit _CF_error_exists = false; _CF_error_messages = new Array(); _CF_error_fields = new Object(); _CF_FirstErrorField = null; //form element text-519 required check if( !_CF_hasValue(_CF_this['text-519'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-519", _CF_this['text-519'].value, "Excuses, we hebben uw achternaam van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-521 required check if( !_CF_hasValue(_CF_this['text-521'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-521", _CF_this['text-521'].value, "Excuses, we hebben een (geldig) adres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-522 'REGEX' validation checks if (!_CF_checkregex(_CF_this['text-522'].value, /^\d{4}[ ]{0,1}[a-zA-Z]{2}$/, false)) { _CF_onError(_CF_this, "text-522", _CF_this['text-522'].value, "Excuses, we hebben een (geldige) postcode van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-523 required check if( !_CF_hasValue(_CF_this['text-523'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-523", _CF_this['text-523'].value, "Excuses, we hebben een (geldige) plaats van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-524 required check if( _CF_hasValue(_CF_this['text-524'], "TEXT", false ) ) { //form element text-524 'REGEX' validation checks if (!_CF_checkregex(_CF_this['text-524'].value, /(^\s*\+*\d*(\d{2}[-\s]*\d{8})|(\d{3}[-\s]*\d{7})|(\d{4}[-\s]*\d{6})\s*$)/, true)) { _CF_onError(_CF_this, "text-524", _CF_this['text-524'].value, "Excuses, we hebben een (geldig) telefoonnummer van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-524", _CF_this['text-524'].value, "Excuses, we hebben een (geldig) telefoonnummer van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-526 required check if( _CF_hasValue(_CF_this['text-526'], "TEXT", false ) ) { //form element text-526 'EMAIL' validation checks if (!_CF_checkEmail(_CF_this['text-526'].value, true)) { _CF_onError(_CF_this, "text-526", _CF_this['text-526'].value, "Excuses, we hebben een (geldig) e-mailadres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-526", _CF_this['text-526'].value, "Excuses, we hebben een (geldig) e-mailadres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-533 required check if( _CF_hasValue(_CF_this['text-533'], "TEXT", false ) ) { //form element text-533 'EURODATE' validation checks if (!_CF_checkeurodate(_CF_this['text-533'].value, true)) { _CF_onError(_CF_this, "text-533", _CF_this['text-533'].value, "Excuses, we hebben een datum van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } }else { _CF_onError(_CF_this, "text-533", _CF_this['text-533'].value, "Excuses, we hebben een datum van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-567 required check if( !_CF_hasValue(_CF_this['text-567'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-567", _CF_this['text-567'].value, "Excuses, we hebben een (geldig) eindadres van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-568 required check if( !_CF_hasValue(_CF_this['text-568'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-568", _CF_this['text-568'].value, "Excuses, we hebben een (geldige) postcode van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //form element text-569 required check if( !_CF_hasValue(_CF_this['text-569'], "TEXT", false ) ) { _CF_onError(_CF_this, "text-569", _CF_this['text-569'].value, "Excuses, we hebben een (geldige) plaats van u nodig. Vult u deze alstublieft in."); _CF_error_exists = true; } //display error messages and return success if( _CF_error_exists ) { if( _CF_error_messages.length > 0 ) { // show alert() message _CF_onErrorAlert(_CF_error_messages); // set focus to first form error, if the field supports js focus(). /* if( _CF_this[_CF_FirstErrorField].type == "text" ) { _CF_this[_CF_FirstErrorField].focus(); }*/ } return false; }else { return true; } } /* customRange for datepickers */ function customRange(input){ //#reservation_dateFrom //#reservation_dateTo var currentDate = new Date(); if (input.id === "reservation_dateFrom"){ //reservation_dateFrom } else if (input.id === "reservation_dateTo") { //reservation_dateTo if ($("#reservation_dateFrom").datepicker("getDate") != null) { var arrivalDate = $("#reservation_dateFrom").datepicker("getDate"); currentDate = new Date(arrivalDate.getFullYear(), arrivalDate.getMonth(),arrivalDate.getDate() + 1); } } return { minDate: currentDate }; } /* get cookie */ function getCookie(sName){ var aCookie = document.cookie.split("; "); for (var i=0; i < aCookie.length; i++){ var aCrumb = aCookie[i].split("="); if (sName == aCrumb[0]){ return unescape(aCrumb[1]); } } return null; } /* getElementsByClassName */ document.getElementsByClassName = function (needle){ var s = [document.documentElement || document.body], i = 0, r = [], l = 0, e; var re = new RegExp('(^|\\s)' + needle + '(\\s|$)'); do{ e = s[i]; while (e){ if (e.nodeType == 1){ if (e.className && re.test(e.className)) r[l++] = e; s[i++] = e.firstChild; } e = e.nextSibling; } } while (i--); return r; } /* handleBodyLoad(); */ function handleBodyLoad() { document.body.className += ' jsOn'; markLinks(); initZebraTables(); initMainNav(); var doclang = document.getElementsByTagName('html')[0].getAttribute('lang'); if(doclang == 'nl-nl'){ initInputFocus('newsLetterServiceEmailAddress', 'E-mailadres'); radRequestForm(); } else if(doclang == 'de-de'){ initInputFocus('newsLetterServiceEmailAddress', 'E-Mail adress'); } else { initInputFocus('newsLetterServiceEmailAddress', 'Email address'); radRequestFormEN(); } initNewsLetterSubscriptionForm(); // contactform in template // initInputFocus('text-465', 'Naam *'); // initInputFocus('text-466', 'Telefoonnummer *'); } /* headerTabs */ $(function() { $('#toolbar').addClass('tabsOn'); $('#newsLetter').addClass('hTab'); $('#siteLogin').addClass('hTab'); // create tabs $('#toolbar').append('