<section> <fieldset id="registration_fields" class="account_creation form-group" style="border: none;"> <div class="clearfix"></div> <div class="rf_input_wrapper rf_only_f_0 required form-group text form-group row" data-id="1" data-f="0" data-v="0"> <label class="rf_input_label required col-md-3 form-control-label"> <span style="color: #FF5555!important">*</span> Société</label> <div class="col-md-6"> <input type="text" name="fields[1]" data-type="text" value="" class="text is_required form-control" /> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="rf_input_wrapper rf_only_f_0 required form-group text form-group row" data-id="2" data-f="0" data-v="0"> <label class="rf_input_label required col-md-3 form-control-label"> <span style="color: #FF5555!important">*</span> N° TVA Intracommunautaire / SIRET</label> <div class="col-md-6"> <input type="text" name="fields[2]" data-type="text" value="" class="text is_required form-control" /> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="rf_input_wrapper rf_only_f_0 required form-group text form-group row" data-id="3" data-f="0" data-v="0"> <label class="rf_input_label required col-md-3 form-control-label"> <span style="color: #FF5555!important">*</span> Téléphone</label> <div class="col-md-6"> <input type="text" name="fields[3]" data-type="text" value="" class="text is_required form-control" /> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="rf_input_wrapper rf_only_f_0 required form-group text form-group row" data-id="4" data-f="0" data-v="0"> <label class="rf_input_label required col-md-3 form-control-label"> <span style="color: #FF5555!important">*</span> Adresse postale</label> <div class="col-md-6"> <input type="text" name="fields[4]" data-type="text" value="" class="text is_required form-control" /> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="rf_input_wrapper rf_only_f_0 required form-group text form-group row" data-id="6" data-f="0" data-v="0"> <label class="rf_input_label required col-md-3 form-control-label"> <span style="color: #FF5555!important">*</span> Type de magasin</label> <div class="col-md-6"> <select class="select form-control is_required " name="fields[6]" data-type="select" data-field="6"> <option value="">Sélectionner une option</option> <option value="21" >Magasin 1 </option> <option value="22" >Magasin 2 </option> <option value="23" >Magasin 3 </option> </select> </div> <div class="clearfix"></div> </div> </fieldset> <div class="form-group row "> <label class="col-md-3 form-control-label required"></label> <div class="col-md-6"> <div id="gdpr_consent" class="gdpr_module_91 my-2"> <span class="custom-control custom-checkbox"> <label class="psgdpr_consent_message mb-0"> <input id="psgdpr_consent_checkbox_91" class="custom-control-input" name="psgdpr_consent_checkbox" type="checkbox" value="1"> <span class="custom-control-label">J'accepte les conditions générales et la politique de confidentialité</span> </label> </span> </div> <script type="text/javascript"> var psgdpr_front_controller = "https://www.optiplast-revelateur-d-objets.com/module/psgdpr/FrontAjaxGdpr"; psgdpr_front_controller = psgdpr_front_controller.replace(/\amp;/g, ''); var psgdpr_id_customer = "0"; var psgdpr_customer_token = "da39a3ee5e6b4b0d3255bfef95601890afd80709"; var psgdpr_id_guest = "20542741"; var psgdpr_guest_token = "bc57b53c1e0b33f9909256c596e1c4d5222708d2"; document.addEventListener('DOMContentLoaded', function () { let psgdpr_id_module = "91"; let parentForm = $('.gdpr_module_' + psgdpr_id_module).closest('form'); let toggleFormActive = function () { let checkbox = $('#psgdpr_consent_checkbox_' + psgdpr_id_module); let element = $('.gdpr_module_' + psgdpr_id_module); let iLoopLimit = 0; // Look for parent elements until we find a submit button, or reach a limit while (0 === element.nextAll('[type="submit"]').length && // Is there any submit type ? element.get(0) !== parentForm.get(0) && // the limit is the form element.length && iLoopLimit != 1000) { // element must exit element = element.parent(); iLoopLimit++; } if (checkbox.prop('checked') === true) { if (element.find('[type="submit"]').length > 0) { element.find('[type="submit"]').removeAttr('disabled'); } else { element.nextAll('[type="submit"]').removeAttr('disabled'); } } else { if (element.find('[type="submit"]').length > 0) { element.find('[type="submit"]').attr('disabled', 'disabled'); } else { element.nextAll('[type="submit"]').attr('disabled', 'disabled'); } } } // Triggered on page loading toggleFormActive(); $('body').on('change', function () { // Triggered after the dom might change after being loaded toggleFormActive(); // Listener ion the checkbox click $(document).on("click", "#psgdpr_consent_checkbox_" + psgdpr_id_module, function () { toggleFormActive(); }); $(document).on('submit', parentForm, function (event) { $.ajax({ data: 'POST', //dataType: 'JSON', url: psgdpr_front_controller, data: { ajax: true, action: 'AddLog', id_customer: psgdpr_id_customer, customer_token: psgdpr_customer_token, id_guest: psgdpr_id_guest, guest_token: psgdpr_guest_token, id_module: psgdpr_id_module, }, success: function (data) { // parentForm.submit(); }, error: function (err) { console.log(err); } }); }); }); }); </script> </div> </div> <style> .rf_no_display { display: none;} #registration_fields .radio-inline, #registration_fields .checkbox { display: inline-block; margin-right: 3%} #registration_fields .radio-inline .radio, #registration_fields .checkbox .checker { display:inline-block; padding-right: 3px; vertical-align: middle} </style> </section> <div class="form-group row"> <label class="col-md-3 form-control-label">Captcha</label> <div class="col-md-9"> <div class="g-recaptcha" data-sitekey="6LfYGbIZAAAAAJEmjO-oHfjsTezmq9eCo2SuAL_4" id="captcha-box" data-theme="light"></div> </div> <script src="https://www.google.com/recaptcha/api.js?hl=fr" async defer></script> </div>