Web框架开发-Form组件和ajax实现注册

1

2

3

4

5

6

7

# 局部钩子函数

def clean_username(self):

    username = self.cleaned_data.get("username")

    valid = models.UserInfo.objects.filter(username=username).first()

    if valid:

        raise ValidationError("用户名已存在！")

    return username

1

2

3

4

5

6

# 全局钩子函数：验证两次密码是否一致

def clean(self):

    if self.cleaned_data.get("password") == self.cleaned_data("password_again"):

        return self.cleaned_data

    else:

        raise ValidationError("两次密码不一致")

1

2

3

4

5

6

7

8

9

10

11

attr：

        一个参数是获取属性的值，两个参数是设置属性值

removeAttr(属性名):

        删除属性值

prop:

    适应于属性的返回值是布尔类型的（单选，反选，取消的例子）

removePorp:

    删除属性的值

1

2

$.each(数组/对象,function(i,v){})

$("div").each(function(i,v){})

1

2

3

4

5

6

7

8

1、display：none    隐藏所有内容

2、visibility：hidden    隐藏内容

3、overflow：hidden    隐藏溢出内容

三者都是用来隐藏的

区别在于：

    visibility：虽然隐藏了，但是被隐藏的内容依然占据这空间，这段隐藏了的内容却保留空间的位置会在网页中显示空白

    display：隐藏了不占用空间

1

2

3

4

5

6

7

var formData=new FormData();

formData.append("username",$("#id_username").val());

formData.append("email",$("#id_email").val());

formData.append("tel",$("#id_tel").val());

formData.append("password",$("#id_password").val());

formData.append("password_again",$("#id_password_again").val());

formData.append("avatar_img",$("#avatar")[0].files[0]);

1

2

contentType：false

processData：false