Django_Form验证(二),ajax验证

还是一个简单的html提交页面,ajax提交就不需要form表单了:

    <p><input id="a" type="text" name="ac"></p>
    <p><input id="p" type="password" name="pwd"></p>
    <p><input id="e" type="eMail" name="e"></p>
    <p><input id="s" type="submit" value="Ajax提交"></p>

因为是ajax提交,所有就不必考虑刷新保留数据等问题,在js中直接发送数据,获取,然后动态添加就可以了:

<script>
    $(function () {
        handle_submit()
    })

    function handle_submit() {
        $("#s").click(function () {
　　　　//ajax提交
            $.ajax({
                url:"/fff/Ajax",
                data:{"user":$("#a").val(),"pwd":$("#p").val(),"eMail":$("#e").val()},//获取input值
                type:"POST",
                dataType:"json",
                success:function (ret) {
//返回的ret是这种格式:

//{"status": false, "error": {"ac": [{"code": "required", "message": "u7528u6237u540du4e0du80fdu4e3au7a7a"}], "pwd": [{"code": "required", "message": "u5bc6u7801u4e0du80fdu4e3au7a7a"}], "eMail": [{"code": "required", "message": "u7528u6237u540du957fu5ea6u4e0du80fdu4e3au7a7a"}]}, "data": "null"}
                    $(".errorMsg").remove()//每次提交之前先把数据span清除
                    if (!ret.status){
//循环处理数据,动态生产成span标签
                        $.each(ret.error,function (k,v) {

                            var mes=document.createElement("span")
                            mes.className="errorMsg"
                            mes.innerHTML=v[0].message
                            $("input[name='"+k+"']").after(mes)
                        })
                    }
                }
            })
        })
    }
</script>

后台代码:

def Ajax(req):
    if req.method == "GET":
       return render(req, "Ajaxsubmit.html")
    elif req.method == "POST":
        obj = Formsubmit(req.POST)  # 将得到req.POST信息传递给验证类做参数
        status = obj.is_valid()# 这里执行后才验证,验证的信息都存储在obj这个类中
        #自定义一个返回的数据类型
        ret={
            "status":True,
            "error":"null",
            "data":"null"
        }
        if not status:
            ret["status"]=False
            error_data=obj.errors.as_data()
            ret["error"]=error_data
            return HttpResponse(json.dumps(ret,cls=JsonCustomEncode))

from django.core.exceptions import ValidationError
#查看ValidationError可知道错误数据中包括错误类型code,错误信息message2项,所以转换json的时候返回return {"code":file.code,"message":file.message}
import json
class JsonCustomEncode(json.JSONEncoder):
    def default(self,file):
        if isinstance(file,ValidationError):
            return {"code":file.code,"message":file.message}
        else:
            return json.JSONEncoder.default(self,file)