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

一、注册相关的知识点

1、Form组件

我们一般写Form的时候都是把它写在views视图里面,那么他和我们的视图函数也不影响,我们可以吧它单另拿出来,在应用下面建一个forms.py的文件来存放

2、局部钩子函数

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

  

3、全局钩子函数

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("两次密码不一致")

  

4、 jQuery的属性操作相关的

1

2

3

4

5

6

7

8

9

10

11

attr:

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

removeAttr(属性名):

        删除属性值

prop:

    适应于属性的返回值是布尔类型的(单选,反选,取消的例子)

removePorp:

    删除属性的值

 

5、循环的两种方式

1

2

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

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

6、css中的三种隐藏:

1

2

3

4

5

6

7

8

1、display:none    隐藏所有内容

2、visibility:hidden    隐藏内容

3、overflow:hidden    隐藏溢出内容

三者都是用来隐藏的

区别在于:

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

    display:隐藏了不占用空间

 

7、提交二进制数据用FormData 

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

  

8、可以用下面的方法判断是什么请求

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/506593.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

《QT实用小工具·六》代码行数统计工具

1、概述 源码放在文章末尾 该项目实现了对不同编程语言文件的代码行数的统计 统计的内容包含: 1、代码行数 2、注释行数 3、空白行数 下面是demo演示: 项目部分代码如下所示: #pragma execution_character_set("utf-8")#inclu…

区块链食品溯源案例实现(一)

引言: 食品安全问题一直是社会关注的热点,而食品溯源作为解决食品安全问题的重要手段,其重要性不言而喻。传统的食品溯源系统往往存在数据易被篡改、信息不透明等问题,而区块链技术的引入,为食品溯源带来了革命性的变革…

【ProComponents】解决 ProTable 中 params 参数改变,request 函数未触发问题

文章目录 先建议自查下官方文档,了解params和request直接的关系 确定params绑定的参数是否改变,例如 user_name 参数 import { ProTable, WxIcon } from /components; import { getSearchParams } from ice; import { useEffect, useMemo, useRef, useS…

智慧公厕是什么?智慧公厕的主要功能、特点?

智慧公厕,顾名思义,是指应用了智能科技的公共厕所,旨在提供更加便捷、舒适、智能化的卫生服务。相比传统的公厕,智慧公厕不仅拥有更加智能化的设备,还配备了远程监控与管理系统,以及节能环保技术&#xff0…

优化页面加载时间:改善用户体验的关键

✨✨ 祝屏幕前的您天天开心,每天都有好运相伴。我们一起加油!✨✨ 🎈🎈作者主页: 喔的嘛呀🎈🎈 目录 引言 一、为什么页面加载时间重要? 二、如何减少页面加载时间? …

SiLM824x系列SiLM8244 配置为高、低边驱动 支持死区可编程,隔离双通道门级驱动器

SiLM824x系列SiLM8244是一款具有不同配置的隔离双通道门极驱动器。SiLM8244配置为高、低边驱动,SiLM8244可提供4A的输出源电流和6A的灌电流能力,并且其驱动输出电压可以支持到33V。支持死区可编程,通过调整DT脚外部的电阻大小,调整…

基于单片机汽车超声波防盗系统设计

**单片机设计介绍,基于单片机汽车超声波防盗系统设计 文章目录 一 概要二、功能设计设计思路 三、 软件设计原理图 五、 程序六、 文章目录 一 概要 基于单片机汽车超声波防盗系统设计概要主要涉及利用超声波传感器和单片机技术来实现汽车的安全防盗功能。以下是对…

注册接口和前置SQL及数据生成及封装

注册接口 演示注册接口的三步操作:【注册流程逻辑】 第一步:发送注册短信验证码接口请求 请求方法: put 请求地址:http://shop.lemonban.com:8107/user/sendRegisterSms 请求参数:{“mobile”:“13422337766”} 请求头…

【面试专题】Mybatis高频面试题

一、介绍下MyBatis中的工作原理 1。介绍MyBatis的基本情况:ORM 2。原理: MyBatis框架的初始化操作处理SQL请求的流程 1.系统启动的时候会加载解析全局配置文件和对应映射文件。加载解析的相关信息存储在 Configuration 对象 Testpublic void test1(…

C++算法补充---STL

这里写目录标题 CSTL容器字符串函数(string容器函数)字符串转字符 算法交换函数拿到容器或者数组的第一个最大(小)值元素的下标或者值排序函数求字符数组的有效长度atoi函数(将字符串类型的数字转为真正的int型数字)string转字符 …

STM32八种I/O口模式

STM32八种I/O口模式 文章目录 STM32八种I/O口模式前言一、stm32八种I/O类型二、区别1.模拟输入2.浮空输入3.上拉输入4.下拉输入5.推挽输出6.开漏输出7.复用推挽输出8.复用推挽输出 总结 前言 作为两年嵌入式软件攻城狮,还没仔细去理解过STM32的GPIO的八种使用模式&…

企业招聘,应用MBTI来做人才测评招聘测评

每年的校招季都是企业争抢优秀应届毕业生人才的忙碌季。只有精准识人用人,才能不断为企业注入新鲜活力和青春智慧。但是随着毕业生数量越来越多,企业如何在招聘中精准发现自己最需要的人才,成为摆在人力资源部门的大难题。人才测评是各企业都…

springboot在线学习做题答题统计系统-可视化分析系统

系统阐述的是使用可视化的学习系统的设计与实现,对于java、B/S结构、MySql进行了较为深入的学习与应用。主要针对系统的设计,描述,实现和分析与测试方面来表明开发的过程。开发中使用了 springboot框架和MySql数据库技术搭建系统的整体架构。…

【分析教程】unity游戏修改so文件

基础知识 0x1.apk安装后在手机中的目录 apk安装后会在两个包下生成相关包:data/data/、data/app/。 这里拿网易云音乐的安装目录举例。Data/App目录下通常会有三个文件: lib文件夹(包含so库文件)、 ‚oat文件夹(O…

算法系列--递归,回溯,剪枝的综合应用(2)

💕"对相爱的人来说,对方的心意,才是最好的房子。"💕 作者:Lvzi 文章主要内容:算法系列–递归,回溯,剪枝的综合应用(2) 大家好,今天为大家带来的是算法系列--递归,回溯,剪枝的综合应用(2) 一.括号…

揭秘阿里面试必问:Tomcat类加载机制解析

各位小米的小伙伴们,大家好呀!今天小米要和大家聊聊一个很有趣的话题——阿里巴巴面试题:Tomcat的类加载机制。作为一个技术爱好者,小米深知技术分享的重要性,希望通过这篇文章与大家一起深入了解Tomcat的类加载机制,加深对Java Web开发的理解,也希望能够帮助到正在准备…

五款常用在线JavaScript加密混淆工具详解:jscrambler、JShaman、jsfack、ipaguard和jjencode

摘要 本篇技术博客将介绍五款常用且好用的在线JavaScript加密混淆工具,包括 jscrambler、JShaman、jsfack、freejsobfuscator 和 jjencode。通过对这些工具的功能及使用方法进行详细解析,帮助开发人员更好地保护和加密其 JavaScript 代码,提…

希亦、洁盟、大宇超声波清洗机好用吗?比拼谁是性价比之王

在追求高效生活品质的今天,超声波清洗机以其独特的清洁技术和便捷的操作方式,成为了家用和商用清洁领域的新宠。尤其对于眼镜用户而言,一台高效的超声波清洗机不仅能够轻松去除镜片上的污渍和细菌,更能保护镜片不受损伤&#xff0…

一款完全免费无广告的浏览器插件

界面上的图标都支持拖拽移动位置 一、官网 官方网站 www.brtab.top 二、功能 精美的小组件 天气组件:可以查看不同城市的当前以及未来7天的天气变化,并了解当前的所有天气指数 日历组件:可以显示当前的日期,包含农历日期&…

不可不知的,数字孪生在智慧城市中的八大应用。

数字孪生是一种将物理世界和数字世界相结合的技术,其在新型智慧城市建设中有着广泛的应用,主要包括以下几个方面: 城市规划和设计: 数字孪生技术可以将城市的三维数据模型与实际场景相结合,帮助城市规划师和设计师更…