Почему ввод BootStrap TokenField не передается в запросе POST?

Я использую http://sliptree.github.io/bootstrap-tokenfield/, чтобы пользователи могли выбирать несколько ключевых слов и отправлять их через почтовый запрос в Django. Вот как выглядит фрагмент кода:

<!DOCTYPE html>
<head>
 <!-- Latest compiled and minified CSS -->
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity = "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin = "anonymous">

<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity = "sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin = "anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity = "sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin = "anonymous"></script>

<script src = "//code.jquery.com/jquery-1.11.1.min.js"></script>

<script src = "https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link href = "//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" type = "text/css" rel = "stylesheet">

<script src = "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/bootstrap-tokenfield.min.js"></script>

<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/css/bootstrap-tokenfield.css" />

</head>

<body>
<form action = "/lol" method = "POST">
 <input type = "text" class = "form-control" id = "keyword" value = "red,green,blue" />
<button class = "btn btn-primary"> <span class = "glyphicon glyphicon-upload" style = "margin-right:5px;"></span>Submit Values</button>
</body>

<script>
    $('#keyword').tokenfield({
  autocomplete: {
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
    delay: 100
  },
  showAutocompleteOnFocus: true
})
</script>
</html>

Скажем, я ввожу значения в свой вводимый текст как redgreen и blue и нажимаю "Отправить". Вероятно, он должен сделать запрос POST к конечной точке /lol и передать значения в параметре keyword=. Но не работает.

Есть ли проблема с библиотекой Token-Field? Как мне сделать почтовый запрос значений, введенных пользователем?

javascript html twitter-bootstrap bootstrap-tokenfield

16.06.2018 01:34

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

424

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам необходимо присвоить элементу ввода атрибут name. Элементы формы без имени не будут включены в запрос.

Следующее будет работать,

<input type = "text" class = "form-control" name = "keyword" id = "keyword" value = "red,green,blue" />

Спецификация W3C требует, чтобы для каждого элемента ввода формы был указан атрибут имени. В противном случае этот элемент не будет обработан. Источник

16.06.2018 01:54

Другие вопросы по теме

Управление веб-сайтами в VBA без каких-либо идентификаторов элементов

Удалите класс из одного элемента, добавив этот класс в другой элемент с помощью javascript

Xpath получает td строки на основе содержимого другого td

Правильный селектор для кнопки переключения

AppendChild () не принимает переданный строковый параметр в качестве аргумента?

Не допускать нарушения слов, содержащих тире (-)?

Отображение HTML-страницы из ответа REST GET

Найти ближайший родительский .classOne или .classTwo jquery

Как «сгладить» изображения при печати из браузера?

Один и тот же сайт в двух папках с разными CSS

Почему ввод BootStrap TokenField не передается в запросе POST?

Ответы 1

Другие вопросы по теме

Похожие вопросы