文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么BootStrap TokenField输入没有在POST请求中传递？

问为什么BootStrap TokenField输入没有在POST请求中传递？
EN

Stack Overflow用户

提问于 2018-06-15 23:34:46

回答 1查看 587关注 0票数 0

我使用http://sliptree.github.io/bootstrap-tokenfield/让用户选择多个关键字并通过Django的post请求提交它。下面是代码片段的样子：

<!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>

假设我将输入文本中的值填充为red、green和blue，然后点击submit。很可能，它应该向POST端点发出一个/lol请求，并在keyword= param下提交值。但不起作用。

令牌字段库有什么问题吗？如何对用户输入的值发出post请求？

html

twitter-bootstrap

bootstrap-tokenfield

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-15 23:54:28

您需要为输入元素分配一个name属性。没有名称的表单元素将不包含在请求中。

下面是可行的，

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

W3C规范要求每个表单输入元素都指定一个name属性。否则，将不会处理该元素。来源

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50883810

复制

相似问题

问为什么BootStrap TokenField输入没有在POST请求中传递？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么BootStrap TokenField输入没有在POST请求中传递？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么BootStrap TokenField输入没有在POST请求中传递？
EN