html
<form id="addform">
{% csrf_token %}
{% for field in form %}
<div class="form-group">
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
{{ field }}
<span class="error-msg"></span>
</div>
{% endfor %}
</form>
<button id="btnSubmit" type="button" class="btn btn-primary">确定</button>
ajax
<script>
$(function () {
bindaddSubmit(); //dom文档加载完,再加载执行此函数
});
function bindaddSubmit() {
$('#btnSubmit').click(function () {
$.ajax({
'url':"{% url 'project_list' %}", //反向解析此地址
'type':'POST',
'data':$('#addform').serialize(), //拿到form表单所有输入数据
'datatype':'JSON',
success:function (res) {
if (res.status){ //后端render({'status':True})以此判断成功与否
location.href=location.href //刷新本页面简单写法
}else {
$.each(res.error, function (key, value) {
$("#id_" + key).next().text(value[0]); //返回错到span标签里
})
}
}
})
})
}
</script>
绑定按钮与是否在表单里无联系,只是单纯的点击,然后发送data表单里的数据到固定地址