所有的form都需要在后台验证,前台验证是不可靠的,django的验证是后台验证,前台提示错误信息。
js验证是在前台的,无需发送消息给后台,但安全性不可靠,强调的是用户体验。
要求,使用弹出框,弹出框form也使用django的验证。
制作一个form验证的mixin,需要验证的ajax请求继承该mixin
class ValidMixin(object):
def form_invalid(self, form):
msg = {
"success": "invalid",
"form": form.errors
}
return JsonResponse(msg)
在ajax返回的js中
$("form").ajaxSubmit({
success:function(data){
if (data["success"]=='success'){
handle_success(data)
}
else if (data["success"]=="invalid"){
hanlde_invalid(data)
}
else {
handle_error(data)
}
},
error:function(data, status, e){ }
});
function handle_success(data){
} function handle_invalid(data){
for (item in data["form"]){
if (data["form"][item]){
$("input[name='"+item+"']").after("<span style='color:#A94442'>"+data["form"][item]+"</span>")
}
} }
function handle_error(data){
}
这样,当后台form验证不通过,就可以记录信息,并在前台进行提示。