Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.06.2016, 22:34
Новичок на форуме
Отправить личное сообщение для kaang Посмотреть профиль Найти все сообщения от kaang
 
Регистрация: 11.11.2015
Сообщений: 6

Обход динамической формы
Здравствуйте! На странице в зависимости от входящих с сервера данных формируется форма с разного типа инпутами. Возникло 2 проблемы:
1. Так как нет возможности работать с элементами формы через имена то не совсем понятно как эту форму валидировать.
2. данные на сервер отпрявляются через сервис который принимает их в определенном формате:
{
“ThreadId”:[int],
“QuestionId”:[int],
“ResponseText”:”[string]”,
“OptionId”:[int],
“ColumnId”:[int],
“FileId”:[int],
“SortOrder”:[int]
}
и это нужно сформировать для каждого элемента формы. Возникли трудности с формированием такого массива данных. пробую через директиву, но не все получается пока. Не совсем понятно как можно используя angular обойти все элементы формы.

небольшой пример элементов формы:
<!--text box QuestionTypeId === 1 -->
              <div class="input-holder text-input validate" ng-if="question.QuestionTypeId === 1">
                <p class="quest"><strong>{{question.QuestionText}}</strong></p>

                <div class="form-group">
                  <input type="text"
                         class="form-control input has-help-txt"
                         placeholder="Write text here.."
                         required
                         fix-input-name=""
                         name="{{question.QuestionId}}"
                         ng-model="name.ResponseText"

                         init-respond=""
                         threadid="threadID"
                         questionid="question.QuestionId"
                         responsetext="name.ResponseText"
                         optionid="0"
                         columnid="0"
                         fileid="0"
                         sortorder="0"
                         elemindex="$index">
                  <!--<span class="error-message">This field is required</span>-->
                </div>
              </div><!--text input-->

              <!--radio QuestionTypeId === 6 -->
              <div class="radio-input input-holder validate" ng-if="question.QuestionTypeId === 6">
                <p class="quest"><strong>{{question.QuestionText}}</strong></p>
                <div class="row">
                  <div class="col-md-2 col-xs-3 text-center" ng-repeat="img in question.QuestionOptions">
                    <img class="img-responsive radio-img" src="{{img.File.FileURL}}" class="img-rounded">

                    <div class="radio text-center">
                      <input type="radio"
                             id="{{question.QuestionId}}"
                             value="{{img.File.FileId}}"
                             required
                             fix-input-name=""
                             name="{{question.QuestionId}}"
                             ng-model="name.OptionId"
                             init-respond=""
                             threadid="threadID"
                             questionid="question.QuestionId"
                             responsetext=""
                             optionid="question.QuestionId"
                             columnid="0"
                             fileid="name.OptionId"
                             sortorder="0"
                             elemindex="$index">
                      <label for="{{question.QuestionId}}"></label>
                    </div>
                  </div>

                  <div class="clearfix"></div>
                </div>
                <br>
                <span class="error-message">This is an error message</span>
              </div><!--end radio QuestionTypeId === 6 -->


Буду очень признателен за любую подсказку. Заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 07.06.2016, 13:24
Новичок на форуме
Отправить личное сообщение для inv0 Посмотреть профиль Найти все сообщения от inv0
 
Регистрация: 02.06.2016
Сообщений: 2

а вот так не работает?
<span class="error-message" ng-show="form[question.QuestionId].$error.required">This field is required</span>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ajax передача отдельной переменной и формы dmitriy94 AJAX и COMET 11 16.01.2015 23:33
Обход элементов формы по Enter myshara jQuery 14 20.10.2014 15:43
Четыре одинаковые формы на странице с разной версткой varanika jQuery 2 19.10.2014 13:14
Валидация динамической формы используя Jquery Validate alex_fk jQuery 2 25.06.2014 16:11
проверка формы не работает в ie begelme Javascript под браузер 6 13.08.2013 01:00