Bootstrap форма с одной строкой и двумя столбцами: отправляется только один столбец значений формы - PullRequest
Новая
       78

Bootstrap форма с одной строкой и двумя столбцами: отправляется только один столбец значений формы

0 голосов
/ 09 февраля 2020

В форме POST отправляется только первый столбец данных формы. Второй столбец (категория и приоритет) не определены. Если я переместлю кнопку отправки во второй столбец, произойдет обратное. Затем, если я переставлю форму так, чтобы в ней был только один столбец, все значения формы будут отправлены (временное решение). Как я могу реализовать эту форму с двумя столбцами и отправить всю форму?

Вывод журнала консоли: 

from CREATE ISSUE CONTROLLER
req.body.title: New bug report
req.body.description: New bug report
req.body.priority: undefined
req.body.category: undefined

Код формы (.pug): 

#newissue.tab-pane.fade(role="tabpanel" aria-labelledby="newissue-tab")
  .row
    .col-md-6.offset-md-2.new-issue-form
      form(method="POST" action="/newissue")
        .form-group
          label(for="newIssueTitle") Title
          input#newIssueTitle.form-control(type="text" placeholder="Issue title ..." name='title' required='true')
        .form-group
          label(for="newIssueDescription") Description
          textarea#newIssueDescription.form-control(rows="10" placeholder="description" name='description' required='true')
        div
          input#filepond(type="file" name="filepond" data-max-files="10" multiple="")
          button.btn.btn-success(type="submit") Create New Issue
    .col-md-2.new-issue-form.input-group.mb-3
        .form-group.mb-3
          label(for="category") Category
          select#category.form-control(type='select', placeholder='Category ...' name='category' required='true')
            for category in categories
              option(value=category._id) #{category.name}
        .form-group.mb-3
          label(for="priority") Priority
          select#priority.form-control(type='select', placeholder='Priority ...' name='priority' required='true')
            option(selected="") Priority...
                each pri in priorities_list
                    option(value=pri._id) #{pri.name}
                else
                    li No priorites

1 Ответ

0 голосов
/ 10 февраля 2020

Как написано мопс, ни один из вашего второго столбца не находится внутри элемента form. Для отправки все элементы формы должны быть внутри элемента form.

Попробуйте переместить элемент form, чтобы он содержал все .row: 

#newissue.tab-pane.fade(role="tabpanel" aria-labelledby="newissue-tab")
  form(method="POST" action="/newissue")
    .row
      .col-md-6.offset-md-2.new-issue-form
        .form-group
          label(for="newIssueTitle") Title
          input#newIssueTitle.form-control(type="text" placeholder="Issue title ..." name='title' required='true')
        .form-group
          label(for="newIssueDescription") Description
          textarea#newIssueDescription.form-control(rows="10" placeholder="description" name='description' required='true')
        div
          input#filepond(type="file" name="filepond" data-max-files="10" multiple="")
          button.btn.btn-success(type="submit") Create New Issue
      .col-md-2.new-issue-form.input-group.mb-3
        .form-group.mb-3
          label(for="category") Category
          select#category.form-control(type='select', placeholder='Category ...' name='category' required='true')
            for category in categories
              option(value=category._id) #{category.name}
        .form-group.mb-3
          label(for="priority") Priority
          select#priority.form-control(type='select', placeholder='Priority ...' name='priority' required='true')
            option(selected="") Priority...
                each pri in priorities_list
                    option(value=pri._id) #{pri.name}
                else
                    li No priorites
...