Перейти к содержимому


Проверка Обязательных Полей При Добавлении Отзыва Без Обновления Страницы

обязательные поля отзывы проверка ввода добавление отзывов Инфинити Город Лазурь Лето Спорт Ночь

  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 29 Июнь 2016 - 12:51

Проверка Обязательных Полей При Добавлении Отзыва Без Обновления Страницы

1. В main.js
Находим
$("#myform, .feedbackForm, .clientForm, #quickform").validate({
rules: {
reg_name: "required"
}
});

Заменяем на
$("#myform, .feedbackForm, .clientForm, #quickform, .goodsDataOpinionAddForm").validate({
rules: {
reg_name: "required"
}
});

2. В шаблоне Товар добавляем класс "required" у обязательных полей. Так же необходимо обернуть каждое input и textarea поле в div
Пример:
Находим
<input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="inputText required"/>
<input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="inputText" />
<textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea>
<textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_LIMITATIONS}</textarea>
<textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_COMMENT}</textarea>

Заменяем на
<div><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="inputText required"/></div>
<div><input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="inputText" /></div>
<div><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></div>
<div><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></div>
<div><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea required">{FORM_GOODS_OPINION_COMMENT}</textarea></div>

3. Далее в main.css
Находим
.goodsDataOpinionAddTable .goodsDataOpinionBlock .inputText, .goodsDataOpinionAddTable .goodsDataOpinionBlock textarea {max-width: 294px;}
Заменяем на
.goodsDataOpinionAddTable .goodsDataOpinionBlock > div {float: left;}
.goodsDataOpinionAddTable .goodsDataOpinionBlock .inputText, .goodsDataOpinionAddTable .goodsDataOpinionBlock textarea {width: 290px;}
.goodsDataOpinionAddTable label.invalidInput {width: 100%;}
Далее находим
@media all and (max-width: 767px) {
Добавляем в любое удобное место ниже данную строку
.goodsDataOpinionAddTable label {width: 100%;}



Для шаблона Инфинити находим
@media all and (max-width: 991px) {
Добавляем в любое удобное место ниже данную строку
.goodsDataOpinionAddTable label {width: 100%;}

Для шаблона Ночь находим
.goodsDataOpinionAddTable .goodsDataOpinionBlock {margin-bottom: 10px;float: left;width: 100%;}
Ниже добавляем
.goodsDataOpinionAddTable .goodsDataOpinionBlock > div {float: left;}
.goodsDataOpinionAddTable .goodsDataOpinionBlock .inputText, .goodsDataOpinionAddTable .goodsDataOpinionBlock textarea {width: 290px;}
.goodsDataOpinionAddTable label.invalidInput {width: 100%;}

Для шаблона Цитрус и Нефрит выполняем 1 пункт, во 2 пункте необходимо добавить только класс required у обязательных полей. 3 пункт не выполнять.
Находим
<td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="form-control"/></td>
<td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_COMMENT}</textarea></td>

Заменяем на
<td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="form-control"/></td>
<td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea required">{FORM_GOODS_OPINION_COMMENT}</textarea></td>


Данная инструкция подходит для шаблонов Инфинити, Город, Лазурь, Лето, Спорт, Ночь, Цитрус, Нефрит

#2 Cancerva

Cancerva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 29 Июнь 2016 - 17:34

Спасибо.
А шаблон Сияние что же?





Темы с аналогичным тегами обязательные поля, отзывы, проверка ввода, добавление отзывов, Инфинити, Город, Лазурь, Лето, Спорт, Ночь

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных