django 的ajax 请求，使用form的验证机制。

所有的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验证不通过，就可以记录信息，并在前台进行提示。