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

posted @ 2016-06-01 16:12  雅思敏  阅读(1598)  评论(0编辑  收藏  举报