zoukankan      html  css  js  c++  java
  • 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验证不通过,就可以记录信息,并在前台进行提示。

  • 相关阅读:
    Nginx源码编译安装
    nginx版本对比
    k8s中subpath挂载单个文件报错处理
    C++ array 数组函数
    洛谷 P2141
    c++ set容器
    字符串中输出每一个元素的方法
    string中的pop_back()函数
    如何去掉前导0 在字符串中 算法
    pat 乙级1074
  • 原文地址:https://www.cnblogs.com/yasmi/p/5550007.html
Copyright © 2011-2022 走看看