首页 > 代码库 > Python菜鸟之路:Django 表单验证

Python菜鸟之路:Django 表单验证

前言

  Django中完成表单验证,常用的有两种方法:

  一种是通过HTML + JS + Ajax实现。

  另一种是通过Django自身的forms模块来生成相应个HTML标签来完成表单验证。这是本节着重讲的地方 

第一种方法:html + ajax实现基本的login页面

技术分享
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <style>        .error-msg{            color: red;        }    </style></head><body>    <div>        <div>            <input type="text" name="user" />        </div>        <div>            <input type="password" name="pwd" />        </div>        <div>            <input type="text" name="num" />        </div>        <div>            <input type="text" name="phone" />        </div>        <input type="button" value=http://www.mamicode.com/"提交" onclick="DoSubmit();" />    </div>    <script src=http://www.mamicode.com/"/static/jquery-2.1.4.min.js"></script>    <script>        function DoSubmit(){            var input_dict = {};            $(input).each(function(){                var v = $(this).val();                var n = $(this).attr(name);                input_dict[n] = v;            });            console.log(input_dict);            $(.error-msg).remove();            $.ajax({                url: /login/,                type: POST,                data: input_dict,                dataType: json,                success: function (result) {                    if(result.status){                        location.href = /index/;                    }else{                        $.each(result.message, function (k,v) {                            console.log(k,v[0].message);                            // <span class="error-msg">错误信息</span>                            var tag = document.createElement(span);                            tag.className = error-msg;                            tag.innerText = v[0].message;                            // input[name="user"]                            $(input[name=" + k + "]).after(tag);                        })                    }                },                error: function () {                }            })        }    </script></body></html>
HTML代码
技术分享
from django.shortcuts import render,HttpResponse# Create your views here.from django import formsfrom django.core.exceptions import ValidationErrorimport redef mobile_validate(value):    mobile_re = re.compile(r^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$)    if not mobile_re.match(value):        raise ValidationError(手机号码格式错误)class LoginForm(forms.Form):    user = forms.CharField(required=True, error_messages={required: 用户名不能为空.})    pwd = forms.CharField(required=True,                          min_length=6,                          max_length=10,                          error_messages={required: 密码不能为空., min_length: "至少6位"})    num = forms.IntegerField(error_messages={required: 数字不能空.,invalid: 必须输入数字})    phone = forms.CharField(validators=[mobile_validate, ],)import jsondef login(request):    if request.method == POST:        result = {status: False, message: None}        obj = LoginForm(request.POST)        ret = obj.is_valid()        if ret:            print(obj.clean())            result[status] = True        else:            from django.forms.utils import ErrorDict            #print(type(obj.errors),obj.errors.as_json())            error_str = obj.errors.as_json()            result[message] = json.loads(error_str)        return HttpResponse(json.dumps(result))    return render(request, login.html)
views代码

  这里边views中,已经用到了django自带的forms模块。在不用这个模块之前,我们对于用户输入进行判断,需要一堆的if..if...if语句来进行,但是用了这个模块之后,仅需要在定义好LoginForm类中每个字段的属性后,通过obj = LoginForm(request.POST)和ret = obj.is_valid()两步,就可以完成对于用户输入信息的验证。ret会返回验证是否全部通过。全部通过则为True,只要有一条表单信息验证不通过,则为False。

这里需要关注的知识点是:obj.clean() 是输出用户post的正确信息,是一个dict,obj.errors是输出用户post的错误信息,是一个通过ul li显示的信息,这样不方便查看。可以通过obj.errors.as_json()来将错误信息以json形式展示,用error_str = obj.errors.as_json() 和 result[‘message‘] = json.loads(error_str)来完成错误信息收集。

  另外定义表单验证规则LoginForm类时,字段名需要等于html中name值

  补充知识点:在定义的LoginForm中,定义的pwd字段是这样定义的

pwd = forms.CharField(required=True,                          min_length=6,                          max_length=10,                          error_messages={‘required‘: ‘密码不能为空.‘, ‘min_length‘: "至少6位"})

  其中error_messages属性是用来定义错误信息的展示的。解释为:如果required验证不通过,则提示‘密码不能为空‘,min_length验证不通过,则错误信息为‘至少6位‘。扩展‘invalid‘: ‘必须输入数字‘

第二种方法:利用forms模块生成html标签

  forms能解决的2个问题:

  问题1: 如果使用html自带的form标签来进行提交,如果提交的数据有错误,会清空表单中的全部数据,如果表单项较多,对用户非常不友好。那么forms模块就能解决这个问题。

      问题2: 使用html的form标签提交数据,需要input标签的name属性必须和定义的class类的属性一致。而使用django forms模块,则不需要考虑这个问题。  

 

Python菜鸟之路:Django 表单验证