Добавить Checkbox
#1
Отправлено 30 Ноябрь 2015 - 22:47
1) Как сделать подсветку поля красным цветом если введено не правильное значение при оформлении заказа?
2) ФИО в форме заказа сменить на "Заказчик"
3)Добавить checkbox
#2
Отправлено 01 Декабрь 2015 - 02:18
<!-- Если поле области запрашивается --> {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %} <li class="fields"> <label for="quickDeliveryRegion" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required"{% ENDIF %}>Имя получателя{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" maxlength="255" class="inputText {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/> </div> </li> {% ENDIF %}
замените на:
<!-- Если поле области запрашивается --> {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %} <li class="fields"> <label for="quickDeliveryRegion" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required" required="required"{% ENDIF %}>Имя получателя{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" maxlength="255" class="inputText {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/> <span><input type="checkbox" id="quickDeliveryName" value="Я получаю букет сам" />Я получаю букет сам</span> </div> </li> {% ENDIF %}
далее найдите:
<!-- Если поле адреса доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %} <li class="wide"> <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <textarea cols="100" rows="5" id="quickDeliveryAddress" name="form[delivery][address]" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_ADDRESS}</textarea> </div> </li> {% ENDIF %}
замените на:
<!-- Если поле адреса доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %} <li class="wide"> <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <textarea cols="100" rows="5" id="quickDeliveryAddress" name="form[delivery][address]" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_ADDRESS}</textarea> <span><input type="checkbox" id="quickDeliveryAdressName" value="Узнать адрес, созвонившись с получателейм" />Узнать адрес, созвонившись с получателем</span> </div> </li> {% ENDIF %}
Далее найдите:
<label for="reg_name" class="required">ФИО <em>*</em></label>
замените на:
<label for="reg_name" class="required">Заказчик<em>*</em></label>
#3
Отправлено 01 Декабрь 2015 - 06:23
1) Если ставишь галочку "я получаю букет сам", то строки "имя получателя" и "телефон получателя" скрываются, так как эти данные берутся из строк выше
2) Если ставишь "узнать адрес у получателя", то убирается поле "адрес доставки"
#4
Отправлено 02 Декабрь 2015 - 02:53
$(function() { $(document).on('click', '.deliveryRadio', function() { var courier_id = '298032'; var current_id = $(this).val(); $('.deliveryConvenientDate + li.wide').show(); $('.adress .fields').show(); if(current_id === courier_id) { $('.deliveryConvenientDate + li.wide').hide(); $('.adress .fields').hide(); } }); $('.deliveryRadio:checked').trigger('click'); });
пропишите:
$(function () { $(document).on('click', '#quickDeliveryName', function () { if ($(this).is(':checked')) { $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам'); $(this).closest('.fields').find('label').hide(); } else { $(this).closest('.input-box').find('#quickDeliveryRegion').show().val(''); $(this).closest('.fields').find('label').show(); } }); }); $(function () { $(document).on('click', '#quickDeliveryAdressName', function () { if ($(this).is(':checked')) { $(this).closest('.input-box').find('#quickDeliveryAddress').hide().text('Узнать адрес, созвонившись с получателем'); $(this).closest('.wide').find('label').hide(); } else { $(this).closest('.input-box').find('#quickDeliveryAddress').show().text(''); $(this).closest('.wide').find('label').show(); } }); });
#5
Отправлено 02 Декабрь 2015 - 05:29
#6
Отправлено 02 Декабрь 2015 - 06:35
$(function () { $(document).on('click', '#quickDeliveryName', function () { if ($(this).is(':checked')) { $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам'); $(this).closest('.fields').find('label').hide(); } else { $(this).closest('.input-box').find('#quickDeliveryRegion').show().val(''); $(this).closest('.fields').find('label').show(); } }); });
попробуйте заменить на:
$(function () { $(document).on('click', '#quickDeliveryName', function () { if ($(this).is(':checked')) { $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам'); $(this).closest('.fields').find('label').hide(); $(this).closest('.fields + li').hide(); } else { $(this).closest('.input-box').find('#quickDeliveryRegion').show().val(''); $(this).closest('.fields').find('label').show(); $(this).closest('.fields + li').show(); } }); });
#7
Отправлено 02 Декабрь 2015 - 06:52
Ой простите. Не то написал, с этим все норм, но теперь check адрес - не работает, и телефон также не скрывается(
А так же я просил 2ой пункт, а он по прежнему не работает(
2ой пункт из первого сообщения
#8
Отправлено 02 Декабрь 2015 - 07:13
<label for="reg_name" class="required">Заказчик ФИО <em>*</em></label>
замените на:
<label for="reg_name" class="required">Заказчик<em>*</em></label>
#9
Отправлено 02 Декабрь 2015 - 07:42
#10
Отправлено 02 Декабрь 2015 - 17:41
Сергей Иванов (02 Декабрь 2015 - 07:42) писал:
#11
Отправлено 02 Декабрь 2015 - 19:13
2) При выборе "узнать адрес у получателя" поле "адрес доставки" не скрывается, а должно
#12
Отправлено 03 Декабрь 2015 - 01:28
$(function () { $(document).on('click', '#quickDeliveryName', function () { if ($(this).is(':checked')) { $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам'); $(this).closest('.fields').find('label').hide(); } else { $(this).closest('.input-box').find('#quickDeliveryRegion').show().val(''); $(this).closest('.fields').find('label').show(); } }); });
замените на:
$(function () { $(document).on('click', '#quickDeliveryName', function () { if ($(this).is(':checked')) { $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам'); $(this).closest('.form-list').find('.fields:nth-child(2) #quickDeliveryCity').hide().val('Я получаю букет сам'); $(this).closest('.form-list').find('.fields:nth-child(2) label').hide(); $(this).closest('.fields').find('label').hide(); } else { $(this).closest('.input-box').find('#quickDeliveryRegion').show().val(''); $(this).closest('.fields').find('label').show(); $(this).closest('.form-list').find('.fields:nth-child(2) #quickDeliveryCity').show().val(''); $(this).closest('.form-list').find('.fields:nth-child(2) label').show(); } }); }); $(function () { $(document).on('click', '#quickDeliveryAdressName', function () { if ($(this).is(':checked')) { $(this).closest('.input-box').find('#quickDeliveryAddress').hide().text('Узнать адрес, созвонившись с получателем'); $(this).closest('.wide').find('label').hide(); } else { $(this).closest('.input-box').find('#quickDeliveryAddress').show().text(''); $(this).closest('.wide').find('label').show(); } }); });
#13
Отправлено 03 Декабрь 2015 - 05:32
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных