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": "\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a"}], "pwd": [{"code": "required", "message": "\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a"}], "eMail": [{"code": "required", "message": "\u7528\u6237\u540d\u957f\u5ea6\u4e0d\u80fd\u4e3a\u7a7a"}]}, "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)