Левый глаз
Сфера
Радиус
Правый глаз
Сфера
Радиус
Укажите ваши диоптрии
одинаковые
различающиеся
Zero block
Click „Block Editor” to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
<style>
    .checkball::after {
    content: "";
    height: 30px;
    width: 30px;
    box-shadow: inset 0px 0 15px 3px #7b7b7b;
    position: absolute;
    border-radius: 15px;
    left: 0;
    top:0;
    transition: all 0.1s linear;
    cursor:pointer;
}

.choose::after {
    margin-left: 40px;
}

.eyeblock{
    opacity:0.3;
    pointer-events:none;
}
.tn-atom .t-input-error {
    margin-top: -10px !important;
}
div#tilda-popup-for-error {
    display: none !important;
}
    
    
</style>


<script>
 $( document ).ready(function() {
//Добавляем класс к переключателю
  $('a[href="#checkball"]').addClass('checkball');
//Блокируем ввод Enter 
 $(document).on('keydown','.t-form input',function (event) {
      if(event.keyCode == 13) { event.preventDefault(); return false; getsumm(); }});
//Функция для связи полей
function linkeyes(){
      //Если активен переключатель - объединяем значения    
      if(  $('.checkball').hasClass('choose')) {
             $('input[name="rightsphere"]').val( $('input[name="leftsphere"]').val());
             $('input[name="rightradius"]').val( $('input[name="leftradius"]').val());   
      }else{ //Очищаем значения у правого глаза
             $('input[name="rightsphere"]').val('');
             $('input[name="rightradius"]').val('');
};
};

//При клике по переключателю
 $('.checkball').click(function(e) {e.preventDefault();
    //Переключаем класс выбора
    $(this).toggleClass('choose');
    $('.t-input-group').removeClass('js-error-control-box');
    //Переключаем блокировку правого глаза
    $('input[name^="right"]').toggleClass('eyeblock');
    linkeyes();
 });     
//При вводе значений для левого глаза 
  $(document).on('keyup','input[name^="left"]',function (event) {linkeyes();});
 
 //При изменении выбора ПД
 $(document).on('change','input[name="personal"]',function (event) {
     $('a[href="#sendform"]').toggleClass('eyeblock');
 });
 

   //При клике на нашу кнопку отправки
  $('a[href="#sendform"]').click(function(e) {e.preventDefault();
  
  //Проверяем заполнение формы
  var emptyerror=true;
  //Проверка - выбор линз
  if($('select[name="linztype"] option:selected').index()==0  ){
   $('select[name="linztype"] option:selected').closest('.t-form__inputsbox').find('.t-submit').click();
   emptyerror=false; 
  };
  
   //Проверка - левый глаз
  if( ( $('input[name="leftsphere"]').val()=='' ) || ($('input[name="leftradius"]').val()=='')){
   $('input[name="leftsphere"]').closest('.t-form__inputsbox').find('.t-submit').click();
   emptyerror=false; 
  };
  
   //Проверка - правый глаз с условием выбора
  if( (( $('input[name="rightsphere"]').val()=='' ) || ($('input[name="rightradius"]').val()=='')) && !$('.checkball').hasClass('choose')  ){
   $('input[name="rightsphere"]').closest('.t-form__inputsbox').find('.t-submit').click();
   emptyerror=false; 
  };
  
 //Проверка - доставка
  if($('select[name="linzdelivery"] option:selected').index()==0  ){
   $('select[name="linzdelivery"] option:selected').closest('.t-form__inputsbox').find('.t-submit').click();
   emptyerror=false; 
  };
 
 //Проверка - подписка
  if($('select[name="podpiska"] option:selected').index()==0  ){
   $('select[name="podpiska"] option:selected').closest('.t-form__inputsbox').find('.t-submit').click();
   emptyerror=false; 
  };


//Получаем данные из полей
   var linztype = $('select[name="linztype"]').val();//тип линз

//Различия и диоптрии
  //Если активен переключатель
   var razlich=0;
   var dioptri=0;
   if(  $('.checkball').hasClass('choose')) {
     razlich='одинаковые'
     dioptri='Сфера: '+$('input[name="leftsphere"]').val()+'; Радиус: '+$('input[name="leftradius"]').val()+';';
   }else{
     razlich='разные'
     dioptri='Сфера ЛГ: '+$('input[name="leftsphere"]').val()+'; Радиус ЛГ: '+$('input[name="leftradius"]').val()+'; Сфера ПГ: '+$('input[name="rightsphere"]').val()+'; Радиус ПГ: '+$('input[name="rightradius"]').val()+';'; 
   };
//Доставка
 var linzdelivery = $('select[name="linzdelivery"]').val();
//Подписка
 var podpiska = $('select[name="podpiska"]').val();
   
//Заполняем скрытые поля основной формы
  $('input[name="sendlinztype"]').val(linztype);
  $('input[name="sendrazlich"]').val(razlich);
  $('input[name="senddioptri"]').val(dioptri);
  $('input[name="sendlinzdelivery"]').val(linzdelivery);
  $('input[name="sendpodpiska"]').val(podpiska);



 //Очищаем ошибки полей
  if(emptyerror){ $('.t-input-group').removeClass('js-error-control-box');
  //ОТправляем данные основной формы
   $('div[data-elem-id="1580992920577"] .t-submit').click();
  };
});


//Обновляем после отправки
  window.mySuccessFunctionZero = function ($form) {
    $(window).trigger('resize');
    }
    setTimeout(function () {
        $(".js-form-proccess").each(function () {
            $(this).data("success-callback", "window.mySuccessFunctionZero");
        });
    }, 3000);

//При ресайзе разблокируем элементы
 $( window ).resize(function() { setTimeout(function(){
       $('a[href="#sendform"]').removeClass('eyeblock');
       $('.checkball').removeClass('choose');

 }, 700)


});
 

 
});
  
</script>
Made on
Tilda