</noscript> <style> body { color: #333; font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 12px; line-height: 20px; background: #ffffff; border-top: 20px solid #9ec4b7; border-bottom: 20px solid #9ec4b7; } .registration_response{ color: #333333; font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif; line-height: 1.5; } /*Settings in case a logo is uploaded, with some random settings*/ .logo_container { height: 160px; top: 30px; width: 325px; margin-right: 10px; float: right; } div#content.external{ padding: 0; min-width: 330px; width: 70%; margin: auto; background: #ffffff; } h1, h2 { color: #6d7675; font-weight: bold; margin: 5px; text-align: center; } h3, h4, h5, h6 { color: #333; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 20px; } h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2.5em; margin: 2.2em; line-height: 1; text-align: center; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } p { margin: 0 0 1.5em; } .formtastic .inline-errors { color: #cc0000; margin: 0.5em 0 0 25%; } .error { background: none repeat scroll 0 0 #fbe3e4; border: 2px solid #fbc2c4; color: #8a1f11; margin-bottom: 1em; padding: 0.8em; } .clear { clear: both; } table.timeslots { width: 550px; margin-left: -1px; } table tr td.label { width:140px; padding-left: 0px; margin: 10px; } form.formtastic { margin: 0; padding: 0; } form.formtastic ul, form.formtastic ol { margin: 0; padding: 0; list-style: none; } form.formtastic li { margin: 0; padding: 0; } form.formtastic fieldset { margin: 0; padding: 0; border: 0; display: inline-block; } form.formtastic fieldset.buttons { padding-left: 25%; } form.formtastic fieldset.buttons li { float: left; padding-right: 0.5em; } form.formtastic fieldset ol li { margin-bottom: 8px; display: inline-block; } form.formtastic fieldset ol li:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } form.formtastic fieldset ol li label { display: block; width: 25%; float: left; padding-top: .2em; } form.formtastic fieldset ol li li label { line-height: 100%; padding-top: 0; } form.formtastic fieldset ol li li label input { line-height: 100%; vertical-align: middle; margin-top: -0.1em; } form.formtastic fieldset ol li fieldset { position: relative; } form.formtastic fieldset ol li fieldset legend { position: absolute; width: 25%; padding-top: 0.1em; } form.formtastic fieldset ol li fieldset legend span { position: absolute; } form.formtastic fieldset ol li fieldset ol { float: left; width: 74%; margin: 0; padding: 0 0 0 25%; } form.formtastic fieldset ol li fieldset ol li { padding: 0; border: 0; } form.formtastic fieldset ol li p.inline-hints { color: #666; margin: 0.5em 0 0 25%; } form.formtastic fieldset ol li p.inline-errors { color: #cc0000; margin: 0.5em 0 0 25%; } form.formtastic fieldset ol li ul.errors { color: #cc0000; margin: 0.5em 0 0 25%; list-style: square; } form.formtastic fieldset ol li ul.errors li { padding: 0; border: none; display: list-item; } form.formtastic fieldset ol li.string input, form.formtastic fieldset ol li.password input, form.formtastic fieldset ol li.numeric input, form.formtastic fieldset ol li.text textarea { width: 74%; } form.formtastic fieldset ol li.hidden { display: none; } form.formtastic fieldset ol li.boolean label { padding-left: 25%; width: auto; } form.formtastic fieldset ol li.boolean label input { margin: 0 0.5em 0 0.2em; } form.formtastic fieldset ol li.radio fieldset ol, form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom: -0.6em; } form.formtastic fieldset ol li.radio fieldset ol li, form.formtastic fieldset ol li.check_boxes fieldset ol li { margin: 0.1em 0 0.5em 0; } form.formtastic fieldset ol li.radio fieldset ol li label, form.formtastic fieldset ol li.check_boxes fieldset ol li label { float: none; width: 100%; } form.formtastic fieldset ol li.radio fieldset ol li label input, form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right: 0.2em; } form.formtastic fieldset ol li.date fieldset ol li, form.formtastic fieldset ol li.time fieldset ol li, form.formtastic fieldset ol li.datetime fieldset ol li { float: left; width: auto; margin: 0 .3em 0 0; } form.formtastic fieldset ol li.date fieldset ol li label, form.formtastic fieldset ol li.time fieldset ol li label, form.formtastic fieldset ol li.datetime fieldset ol li label { display: none; } form.formtastic fieldset ol li.date fieldset ol li label input, form.formtastic fieldset ol li.time fieldset ol li label input, form.formtastic fieldset ol li.datetime fieldset ol li label input { display: inline; margin: 0; padding: 0; } form.formtastic fieldset:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } form.formtastic legend { margin: 0; padding: 0; color: #000; } form.formtastic input, form.formtastic textarea, form.formtastic select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; font-size: 100%; } form.formtastic input{ padding: 1px 1px 0px 2px; } form.formtastic select{ padding: 1px 1px 0px 2px; height: 21px; } form.formtastic textarea{ padding: 2px; } form.formtastic p { margin: 0; padding: 0; } form.formtastic em, form.formtastic strong { font-style: normal; font-weight: normal; } form.formtastic abbr, form.formtastic acronym { border: 0; font-variant: normal; } html[xmlns] form.formtastic fieldset { display: block; } html[xmlns] form.formtastic fieldset ol li { display: block; } * html form.formtastic fieldset { height: 1%; } * html form.formtastic fieldset ol li { height: 1%; } .form_group { border-top: 3px solid #9ec4b7; border-bottom: 3px solid #9ec4b7; padding: 10px 10px 0px 10px; width: 96%; background-color: #f3f3f3; margin: 0 auto 10px auto; } .form_group#parent { } form.formtastic span.label { color: #003366; font-size: 0.85em; font-style: normal; font-weight: bold; } form.formtastic fieldset ol li.string input { width: auto; } form.formtastic fieldset ol li.numeric input { width: auto; } .formtastic button{ font-family: sans-serif; font-size: inherit; font-weight: inherit; height: 24px; } .formtastic input[type='submit']{ height: 24px; } .logo { background-image: url(https://kdvnet3.s3.amazonaws.com/uploads/a2e066d7-d6c6-4cc8-a5ee-70d68387673f/LucysKDV2.png); background-position: 0 0; background-repeat: no-repeat; } </style> <div class='external' id='content'> <div id='top'> <div id='flash'> <div class="flash-message" id="flash-message" style="width: 47%;"></div><script>$('.flash-message').show();</script> <!--[if lt IE 8]> <p class='error'> U maakt gebruik van een verouderde versie van Internet Explorer. U wordt geadviseerd om de nieuwste versie te downloaden en te installeren! </p> <![endif]--> </div> </div> <div class='logo_container logo'></div> <div id='new_child_form'> <h2>Aanmelding voor Lucy's Kinderdagsalon - Sint Cathrijnestraat</h2> <h3></h3> <form accept-charset="UTF-8" action="/external/registrations" class="formtastic registration" id="new_registration" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="vRhL6TYiavK/eWKZUQazAokYQEQVjW1yVZairqXUD3s=" /></div><input id="registration_token" name="registration_token" type="hidden" value="aQs5uGTZ34OMbn_FYSHk" /> <div class='form_group' id='parent'> <h3 class='registration'>Toelichting</h3> <h4><p>Lucy's Kinderdagsalon hanteert een minimale afname van 2 opvangdagen. Indien u flexibel bent in dagen, geeft u dan de eerste voorkeur aan. U kunt in de toelichting aangeven welke dagen u flexibel bent.</p> </h4> <br> <fieldset class="inputs"><ol><li class="string input required stringish" id="registration_preferred_start_date_input"><label class=" label" for="registration_preferred_start_date">Startdatum<abbr title="required">*</abbr></label><input id="registration_preferred_start_date" name="registration[preferred_start_date]" type="text" /> </li> </ol></fieldset><fieldset class='inputs'> <ol> <li class='input'> <label class='label'>Hele dag KDV</label> <input id="monday_days" name="monday_days" type="checkbox" value="true" /> Maandag <input id="tuesday_days" name="tuesday_days" type="checkbox" value="true" /> Dinsdag <input id="wednesday_days" name="wednesday_days" type="checkbox" value="true" /> Woensdag <input id="thursday_days" name="thursday_days" type="checkbox" value="true" /> Donderdag <input id="friday_days" name="friday_days" type="checkbox" value="true" /> Vrijdag </li> </ol> </fieldset> <fieldset class="inputs"><ol><li class="text input optional" id="registration_remarks_input"><label class=" label" for="registration_remarks">Toelichting</label><textarea id="registration_remarks" name="registration[remarks]" rows="20"> </textarea> </li> </ol></fieldset> </div> <div class='clear'></div> <div class='form_group' id='parent'> <h3 class='registration'>Kind</h3> <h4>U kunt eventueel nog een kind registreren na het invoeren van deze aanmelding.</h4> <fieldset class="inputs"><ol> <li class="string input required stringish" id="registration_child_attributes_firstname_input"><label class=" label" for="registration_child_attributes_firstname">Voornaam<abbr title="required">*</abbr></label><input id="registration_child_attributes_firstname" maxlength="255" name="registration[child_attributes][firstname]" type="text" /> </li> <li class="string input optional stringish" id="registration_child_attributes_in_between_first_and_lastname_input"><label class=" label" for="registration_child_attributes_in_between_first_and_lastname">Tussenvoegsel</label><input id="registration_child_attributes_in_between_first_and_lastname" maxlength="10" name="registration[child_attributes][in_between_first_and_lastname]" type="text" /> </li> <li class="string input required stringish" id="registration_child_attributes_lastname_input"><label class=" label" for="registration_child_attributes_lastname">Achternaam<abbr title="required">*</abbr></label><input id="registration_child_attributes_lastname" maxlength="255" name="registration[child_attributes][lastname]" type="text" /> </li> </ol></fieldset><fieldset class="inputs"><ol><li class="string input required stringish" id="registration_child_attributes_date_of_birth_input"><label class=" label" for="registration_child_attributes_date_of_birth">Geboortedatum<abbr title="required">*</abbr></label><input id="registration_child_attributes_date_of_birth" name="registration[child_attributes][date_of_birth]" type="text" /> </li> <li class='string input optional stringish' id='registration_child_attributes_disable_bsnr_input'> <label class='label' for='registration_child_attributes_disable_bsnr'> Geschatte geboortedatum </label> <input name="registration[child_attributes][disable_bsnr]" type="hidden" value="0" /><input id="registration_child_attributes_disable_bsnr" name="registration[child_attributes][disable_bsnr]" type="checkbox" value="1" /> </li> <li class="string input optional stringish" id="registration_child_attributes_nationality_input"><label class=" label" for="registration_child_attributes_nationality">Nationaliteit</label><input id="registration_child_attributes_nationality" maxlength="255" name="registration[child_attributes][nationality]" type="text" /> </li> <li class="select input required" id="registration_child_attributes_gender_input"><label class=" label" for="registration_child_attributes_gender">Geslacht<abbr title="required">*</abbr></label><select id="registration_child_attributes_gender" name="registration[child_attributes][gender]"><option value=""></option> <option value="M">man</option> <option value="V">vrouw</option> <option value="N">neutraal</option> <option value="-">nog onbekend</option></select> </li> <li class="string input required stringish" id="registration_child_attributes_bsnr_input"><label class=" label" for="registration_child_attributes_bsnr">Burgerservicenr<abbr title="required">*</abbr></label><input id="registration_child_attributes_bsnr" maxlength="9" name="registration[child_attributes][bsnr]" type="text" /> </li> </ol></fieldset><fieldset class="inputs"><ol> <li class="text input optional" id="registration_child_attributes_drugs_notes_input"><label class=" label" for="registration_child_attributes_drugs_notes">Medische gegevens</label><textarea id="registration_child_attributes_drugs_notes" name="registration[child_attributes][drugs_notes]" rows="20"> </textarea> </li> </ol></fieldset><fieldset class="inputs"><ol> </ol></fieldset> </div> <div class='form_group' id='parent'> <h3 class='registration'>Ouder/verzorger 1 (Waar de rekening naar gestuurd wordt.)</h3> <fieldset class="inputs"><ol> <li class="string input required stringish" id="registration_parents_attributes_firstname_1_input"><label class=" label" for="registration_parents_attributes_firstname_1">Voornaam<abbr title="required">*</abbr></label><input id="registration_parents_attributes_firstname_1" maxlength="60" name="registration[parents_attributes][firstname_1]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_in_between_first_and_lastname_1_input"><label class=" label" for="registration_parents_attributes_in_between_first_and_lastname_1">Tussenvoegsel</label><input id="registration_parents_attributes_in_between_first_and_lastname_1" maxlength="10" name="registration[parents_attributes][in_between_first_and_lastname_1]" size="10" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_lastname_1_input"><label class=" label" for="registration_parents_attributes_lastname_1">Achternaam<abbr title="required">*</abbr></label><input id="registration_parents_attributes_lastname_1" maxlength="60" name="registration[parents_attributes][lastname_1]" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_date_of_birth_1_input"><label class=" label" for="registration_parents_attributes_date_of_birth_1">Geboortedatum<abbr title="required">*</abbr></label><input id="registration_parents_attributes_date_of_birth_1" name="registration[parents_attributes][date_of_birth_1]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_nationality_1_input"><label class=" label" for="registration_parents_attributes_nationality_1">Nationaliteit</label><input id="registration_parents_attributes_nationality_1" maxlength="255" name="registration[parents_attributes][nationality_1]" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_bsnr_1_input"><label class=" label" for="registration_parents_attributes_bsnr_1">Burgerservicenr<abbr title="required">*</abbr></label><input id="registration_parents_attributes_bsnr_1" maxlength="9" name="registration[parents_attributes][bsnr_1]" size="9" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_street_1_input"><label class=" label" for="registration_parents_attributes_street_1">Straat<abbr title="required">*</abbr></label><input id="registration_parents_attributes_street_1" maxlength="60" name="registration[parents_attributes][street_1]" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_number_1_input"><label class=" label" for="registration_parents_attributes_number_1">Huisnummer<abbr title="required">*</abbr></label><input id="registration_parents_attributes_number_1" maxlength="10" name="registration[parents_attributes][number_1]" size="10" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_extension_1_input"><label class=" label" for="registration_parents_attributes_extension_1">Huisnummertoevoeging</label><input id="registration_parents_attributes_extension_1" maxlength="10" name="registration[parents_attributes][extension_1]" size="10" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_postcode_nrs_1_input"><label class=" label" for="registration_parents_attributes_postcode_nrs_1">Postcode nr<abbr title="required">*</abbr></label><input id="registration_parents_attributes_postcode_nrs_1" maxlength="5" name="registration[parents_attributes][postcode_nrs_1]" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_postcode_chars_1_input"><label class=" label" for="registration_parents_attributes_postcode_chars_1">Postcode (ltrs)<abbr title="required">*</abbr></label><input id="registration_parents_attributes_postcode_chars_1" maxlength="2" name="registration[parents_attributes][postcode_chars_1]" size="2" style="text-transform: uppercase;" type="text" /> </li> <li class="string input required stringish" id="registration_parents_attributes_city_1_input"><label class=" label" for="registration_parents_attributes_city_1">Woonplaats<abbr title="required">*</abbr></label><input id="registration_parents_attributes_city_1" maxlength="60" name="registration[parents_attributes][city_1]" type="text" /> </li> <li class="select input optional" id="registration_parents_attributes_country_1_input"><label class=" label" for="registration_parents_attributes_country_1">Land</label><select id="registration_parents_attributes_country_1" name="registration[parents_attributes][country_1]"><option value="Nederland" selected="selected">Nederland</option> <option value="België">België</option> <option value="Duitsland">Duitsland</option> <option value="Land Onbekend">Land Onbekend</option></select> </li> <li class="string input optional stringish" id="registration_parents_attributes_mobile_1_input"><label class=" label" for="registration_parents_attributes_mobile_1">Telefoon (mobiel)</label><input id="registration_parents_attributes_mobile_1" maxlength="255" name="registration[parents_attributes][mobile_1]" type="text" /> </li> <li class="email input required stringish" id="registration_parents_attributes_email_1_input"><label class=" label" for="registration_parents_attributes_email_1">Email<abbr title="required">*</abbr></label><input id="registration_parents_attributes_email_1" maxlength="60" name="registration[parents_attributes][email_1]" size="20" type="email" /> </li> <li class="string input required stringish" id="registration_parents_attributes_iban_1_input"><label class=" label" for="registration_parents_attributes_iban_1">IBAN nummer<abbr title="required">*</abbr></label><input id="registration_parents_attributes_iban_1" maxlength="255" name="registration[parents_attributes][iban_1]" type="text" /> </li> <li class="hidden input optional" id="registration_parents_attributes_which_debtor_input"><input id="registration_parents_attributes_which_debtor" name="registration[parents_attributes][which_debtor]" type="hidden" value="1" /> </li> </ol></fieldset> </div> <div class='clear'></div> <div class='form_group' id='parent'> <h3 class='registration'>Ouder/verzorger 2</h3> <fieldset class="inputs"><ol> <li class="string input optional stringish" id="registration_parents_attributes_firstname_2_input"><label class=" label" for="registration_parents_attributes_firstname_2">Voornaam</label><input id="registration_parents_attributes_firstname_2" maxlength="60" name="registration[parents_attributes][firstname_2]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_in_between_first_and_lastname_2_input"><label class=" label" for="registration_parents_attributes_in_between_first_and_lastname_2">Tussenvoegsel</label><input id="registration_parents_attributes_in_between_first_and_lastname_2" maxlength="10" name="registration[parents_attributes][in_between_first_and_lastname_2]" size="10" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_lastname_2_input"><label class=" label" for="registration_parents_attributes_lastname_2">Achternaam</label><input id="registration_parents_attributes_lastname_2" maxlength="60" name="registration[parents_attributes][lastname_2]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_date_of_birth_2_input"><label class=" label" for="registration_parents_attributes_date_of_birth_2">Geboortedatum</label><input id="registration_parents_attributes_date_of_birth_2" name="registration[parents_attributes][date_of_birth_2]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_nationality_2_input"><label class=" label" for="registration_parents_attributes_nationality_2">Nationaliteit</label><input id="registration_parents_attributes_nationality_2" maxlength="255" name="registration[parents_attributes][nationality_2]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_bsnr_2_input"><label class=" label" for="registration_parents_attributes_bsnr_2">Burgerservicenr</label><input id="registration_parents_attributes_bsnr_2" maxlength="9" name="registration[parents_attributes][bsnr_2]" size="9" type="text" /> </li> <li> <p class='inline-hints'>Als u hier geen adres invult, wordt automatisch het adres van ouder/verzorger 1 overgenomen.</p> </li> <li class="string input optional stringish" id="registration_parents_attributes_street_2_input"><label class=" label" for="registration_parents_attributes_street_2">Straat</label><input id="registration_parents_attributes_street_2" maxlength="60" name="registration[parents_attributes][street_2]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_number_2_input"><label class=" label" for="registration_parents_attributes_number_2">Huisnummer</label><input id="registration_parents_attributes_number_2" maxlength="10" name="registration[parents_attributes][number_2]" size="10" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_extension_2_input"><label class=" label" for="registration_parents_attributes_extension_2">Huisnummertoevoeging</label><input id="registration_parents_attributes_extension_2" maxlength="10" name="registration[parents_attributes][extension_2]" size="10" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_postcode_nrs_2_input"><label class=" label" for="registration_parents_attributes_postcode_nrs_2">Postcode nr</label><input id="registration_parents_attributes_postcode_nrs_2" maxlength="5" name="registration[parents_attributes][postcode_nrs_2]" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_postcode_chars_2_input"><label class=" label" for="registration_parents_attributes_postcode_chars_2">Postcode (ltrs)</label><input id="registration_parents_attributes_postcode_chars_2" maxlength="2" name="registration[parents_attributes][postcode_chars_2]" size="2" style="text-transform: uppercase;" type="text" /> </li> <li class="string input optional stringish" id="registration_parents_attributes_city_2_input"><label class=" label" for="registration_parents_attributes_city_2">Woonplaats</label><input id="registration_parents_attributes_city_2" maxlength="60" name="registration[parents_attributes][city_2]" type="text" /> </li> <li class="select input optional" id="registration_parents_attributes_country_2_input"><label class=" label" for="registration_parents_attributes_country_2">Land</label><select id="registration_parents_attributes_country_2" name="registration[parents_attributes][country_2]"><option value="Nederland" selected="selected">Nederland</option> <option value="België">België</option> <option value="Duitsland">Duitsland</option> <option value="Land Onbekend">Land Onbekend</option></select> </li> <li class="string input optional stringish" id="registration_parents_attributes_mobile_2_input"><label class=" label" for="registration_parents_attributes_mobile_2">Telefoon (mobiel)</label><input id="registration_parents_attributes_mobile_2" maxlength="255" name="registration[parents_attributes][mobile_2]" type="text" /> </li> <li class="email input optional stringish" id="registration_parents_attributes_email_2_input"><label class=" label" for="registration_parents_attributes_email_2">Email</label><input id="registration_parents_attributes_email_2" maxlength="60" name="registration[parents_attributes][email_2]" size="20" type="email" /> </li> </ol></fieldset> </div> <div class='clear'></div> <div class='form_group' id='parent'> <fieldset class="actions" id="registration_buttons"><ol><input id="accept_privacy_statement" name="accept_privacy_statement" onclick="toggle_on_accept()" type="checkbox" value="1" /> Ik ga akkoord met het <a href="https://kdvnet3.s3.amazonaws.com/uploads/7a50e350-af82-481e-82bc-6b74155f717f/Privacy-Lucy.pdf">Privacy Statement</a> <li class="action input_action " id="registration_submit_action"><input id="form-submit-button" name="commit" type="submit" value="Aanmelding verzenden" /></li> </ol></fieldset></div> </form> </div> <script> $( "form#new_registration" ).submit(function() { var answers = []; $('.consent-required').each(function(){ var consentAnswer = $(this).val(); answers.push(consentAnswer); }); if (answers.includes('')){ alert('Selecteer Ja of Nee voor elke verplichte Toestemmingsvraag (met *).'); return false; } else { $('#form-submit-button').prop("disabled", true); } }); function showRegistrationBicCode(){ if ($('select#registration_parents_attributes_country_1').val() == "Nederland"){ $('li#registration_parents_attributes_bic_code_1_input').hide() } else { $('li#registration_parents_attributes_bic_code_1_input').show() }; if ($('select#registration_parents_attributes_country_2').val() == "Nederland"){ $('li#registration_parents_attributes_bic_code_2_input').hide() } else { $('li#registration_parents_attributes_bic_code_2_input').show() }; }; function toggle_jointly_income(value){ if (value == 'U woont samen en één partner is niet werkzaam' || value == 'U woont samen en beide partners zijn niet werkzaam' || value == 'U bent alleen en niet werkzaam'){ $('li#registration_parents_attributes_jointly_income_input').show(); } else { $('li#registration_parents_attributes_jointly_income_input').hide(); } }; function toggle_on_accept(){ if (document.getElementById('accept_privacy_statement').checked){ $(':input[type="submit"]').prop('disabled', false); } else { $(':input[type="submit"]').prop('disabled', true); } }; toggle_on_accept(); $( document ).ready( function(){ $('#registration_child_attributes_date_of_birth').datepicker({yearRange: '1930:2050', firstDay: 1}); $('#registration_parents_attributes_date_of_birth_1').datepicker({yearRange: '1930:2050', firstDay: 1}); $('#registration_parents_attributes_date_of_birth_2').datepicker({yearRange: '1930:2050', firstDay: 1}); $('#registration_emergency_person_attributes_date_of_birth').datepicker({yearRange: '1930:2050', firstDay: 1}); $('#registration_preferred_start_date').datepicker({yearRange: '1930:2050', firstDay: 1}); $('#registration_preferred_end_date').datepicker({yearRange: '1930:2050', firstDay: 1}); showRegistrationBicCode(); $('select#registration_parents_attributes_country_1').bind('change', function(){ showRegistrationBicCode() }); $('select#registration_parents_attributes_country_2').bind('change', function(){ showRegistrationBicCode() }); if( $('input#registration_child_attributes_disable_bsnr').prop('checked')){ $('input#registration_child_attributes_bsnr').attr('disabled', 'disabled'); $('input#registration_child_attributes_bsnr').val(''); $('select#registration_child_attributes_class_room_id').attr('disabled', 'disabled'); $('select#registration_child_attributes_class_room_id').val(''); $('textarea#registration_child_attributes_vaccination_notes').attr('disabled', 'disabled'); $('textarea#registration_child_attributes_vaccination_notes').val(''); }; $('input#registration_child_attributes_disable_bsnr').bind('change', function(){ if( $('input#registration_child_attributes_disable_bsnr').prop('checked')){ $('input#registration_child_attributes_bsnr').attr('disabled', 'disabled'); $('input#registration_child_attributes_bsnr').val(''); $('select#registration_child_attributes_class_room_id').attr('disabled', 'disabled'); $('select#registration_child_attributes_class_room_id').val(''); $('textarea#registration_child_attributes_vaccination_notes').attr('disabled', 'disabled'); $('textarea#registration_child_attributes_vaccination_notes').val(''); }else{ $('input#registration_child_attributes_bsnr').removeAttr('disabled'); $('textarea#registration_child_attributes_vaccination_notes').removeAttr('disabled'); $('select#registration_child_attributes_class_room_id').removeAttr('disabled'); }; }); // show or hide select input jointly income when rerendered form in case of a validation error toggle_jointly_income($('select#registration_parents_attributes_personal_situation')[0].value); $('select#registration_parents_attributes_personal_situation').bind('change', function(){ toggle_jointly_income(this.value); }); }); </script> </div> </body> </html>