Bootstrap标记输入用空格发送POST

时间:2015-12-08 19:49:52

标签: javascript jquery django twitter-bootstrap twitter-bootstrap-3

我正在使用JQuery和Bootstrap在Django中开发的系统中工作。

我有这个标签输入:

INSERT INTO addresses (ID, name, address, date) VALUES (:ID, :name, :address, NOW())

使用此javascript:

<div id="roles" class="tab-pane"><!-- ROLES -->

            <input id="roles_tag" type="text" value="{{ roles }}" data-role="tagsinput" placeholder="Add role" />

但是出于某种原因,我有时候不知道在一些标签的开头发送带有空格的POSTS。

image 1

image 2

可能导致什么?对不起任何问题,这是我在这里的第一篇文章。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

如果您尝试使用表单控件

获取数据
<div id="roledata" class="form-group">
    <label for="last_name" class="col-lg-3 control-label">Roles</label>
    <div class="col-lg-8">
        <input type="text" class="form-control" id="roles" placeholder="add role">
    </div>
</div>

JS

var roled = {}

$.each($('#roledata').find('.form-control'), function(){
    var field = this.id,
        value = $(this).val()
        data[field] = value
})

data={
    csrfmiddlewaretoken: "{{ csrf_token }}",
    'role' : roled
}

$.ajax({
    type: "POST",
    url: "",
    data: JSON.stringify(data),
    contentType: "application/json",
    dataType: "json",

})