如何编辑django表单错误消息`的css？

在Django中，可以通过自定义CSS样式来编辑表单错误消息的外观。以下是一种常见的方法：

首先，在Django项目的静态文件目录中创建一个CSS文件，例如static/css/custom.css。
打开该CSS文件，并添加以下样式规则来编辑表单错误消息的外观：

.errorlist {
  color: red; /* 设置错误消息的文本颜色 */
  font-weight: bold; /* 设置错误消息的字体加粗 */
  list-style-type: none; /* 去除错误消息前面的列表符号 */
  margin: 0; /* 去除错误消息的外边距 */
  padding: 0; /* 去除错误消息的内边距 */
}

.errorlist li {
  margin-bottom: 5px; /* 设置错误消息之间的垂直间距 */
}

保存并关闭CSS文件。
在Django的模板文件中，将该CSS文件链接到HTML页面中。可以通过在模板文件的<head>标签中添加以下代码来实现：

<link rel="stylesheet" type="text/css" href="{% static 'css/custom.css' %}">

重新加载网页，表单错误消息的外观应该已经根据自定义的CSS样式进行了编辑。

请注意，以上方法仅适用于编辑表单错误消息的外观。如果您想进一步自定义表单的其他方面，例如输入字段的样式或布局，您可能需要使用其他技术和方法。

相关·内容

Django -- 如何优雅的提交表单

前言前面的内容我们基本上以 get请求作为例子，那 post请求Django是如何处理的呢？本章内容我们就来介绍Django如何发起和处理 post请求的。...{%csrf_token%} 是Django 用来防止跨站点请求伪造。Django 内部的POST表单都要如此。视图我们还要创建一个视图来实现这个新增cat 的功能。...就比如，字段是否必填，字段的长度是否超出最大范围，为避免这样的错误，我们必须对字段进行校验，那么我们就在views.py 文件中加上校验的业务逻辑代码，如下所示： def add(request):...Django 为此提出了一种较为简便的方法Form ，Django 中的表单有一下两个作用：渲染表单模板验证数据是否合法下面我们来介绍下他的使用。...form.is_valid() 表示对POST请求中的数据按照当时定义表单字段时定义的规则校验。

3.3K2 0

如何编写有用的错误消息？

那么，如何编写对所有人和用户都有帮助的错误消息呢？你该从哪里入手？ 1（先）不要写任何东西！什么都不管就开始打字是很诱人的做法。...用户需要在他们遇到问题时获得错误消息的帮助——所以这些消息最好是有用的。因此，与其“编写”错误消息，不如考虑“构建”消息。...平衡精度与一致性在一个简单的表单上（比如用户注册页面），你需要考虑一些最常见的错误。你或许可以为用户提供更具体的指导，例如提醒他们密码始终应该包含数字，或者电子邮件地址始终应该包含“@”。...但如果你正在处理一个大型表单，你可能无法涵盖所有类型的字段验证，因为这样会很难构建和维护。如果是这种情况，请系统地应对问题。...大家可以和 InfoQ 读者一起畅所欲言，和编辑们零距离接触，超值的技术礼包等你领取，还有超值活动等你参加，快来加入我们吧！点个在看少个 bug

8681 0

django 1.8 官方文档翻译： 5-1-1 使用表单

使用表单关于这页文档这页文档简单介绍Web 表单的基本概念和它们在Django 中是如何处理的。关于表单API 某方面的细节，请参见表单 API、表单的字段和表单和字段的检验。...Django 的模型描述一个对象的逻辑结构、行为以及展现给我们的方式，与此类似，Form 类描述一个表单并决定它如何工作和展现。...如果渲染一个不合法的绑定的表单，它将包含内联的错误信息，告诉用户如何纠正数据。表单的is_bound 属性将告诉你一个表单是否具有绑定的数据。...直到现在，我们没有担心如何展示错误信息，因为Django 已经帮我们处理好。在下面的例子中，我们将自己处理每个字段的错误和表单整体的各种错误。...（以及使用form.as_p() 时渲染的隐藏字段错误）将渲染成一个额外的CSS 类型nonfield 以帮助区分每个字段的错误信息。

4.2K2 0

【Django】当大型项目采用Django框架对于QueryDict以及模板的表单在Admin 管理工具的使用

csrf的全称是跨站点请求伪造。这是Django提供的防止伪装提交请求的功能。POST方法提交的表单必须具有此标签。...'fields':('name','email'), }], ['Advance',{ 'classes': ('collapse',), # CSS...我们可以使用内联显示将标记附加到联系人的编辑页面。...，则需要按如下方式进行修改：通过错误消息Py文件的文件路径，在…site packages django-2.0-py3.6.eggDjango-db-backends-mysql的路径中找到基...__version__) 通常，单击报告错误的代码文件的路径信息将自动跳转到错误文件中的行数。此时，我们将注释掉错误文件中的行数。

1.7K2 0

使用django-allauth管理用户登录与注册

django-allauth 是非常受欢迎的管理用户登录与注册的第三方 Django 安装包，django-allauth 集成了 local 用户系统和 social 用户系统，其 social...AUTH_USER_MODEL = 'users.UserProfile' 创建视图并配置URLs 我们需要创建2个URLs和对应的视图来实现用户资料展示和用户资料编辑页面。...使用 Baidu 登录使用 Baidu 作为第三方登录，关联成功后，还需要设置邮箱和用户名登录成功美化表单 django-allauth 自带的模板是没有经过美化的，另外涉及到邮箱验证和各种消息也是固定的...，所以我们就需要进行模板的美化以及邮箱验证和消息文本的修改。...://github.com/pennersr/django-allauth/tree/master/allauth) 创建css文件，用于修改样式 # users/static/users/css/

6.8K3 0

Django开发常用30个软件包

Django stored messages 可以很好地集成在Django的消息框架中（django.contrib.messages）并让用户决定会话过程中存储在数据库中的消息。 ...Django Pipeline 静态资源管理应用，支持连接和压缩CSS/Javascript文件、支持CSS和Javascript的多种编译器、内嵌JavaScript模板，可充分允许自定义。 ...17.django-ckeditor - 富文本编辑器 django没有提供官方的富文本编辑器，而ckeditor恰好是内容型网站后台管理中不可或缺的控件。.../en/latest/ 22.django-crispy-forms 简介：大大增强 Django 内置的表单功能，Django 内置的表单生成原生的 HTML 表单代码还可以，但为其设置样式是一个麻烦的事情...django-crispy-forms 帮助你使用一行代码渲染一个 Bootstrap 样式的表单，当然它还支持其它一些热门的 CSS 框架样式的渲染。

3.3K2 0

django 1.8 官方文档翻译：5-1-2 表单API

以前，ValidationError 实例在它们渲染后的错误消息一旦添加到Form.errors 字典就立即被丢弃。...``error_css_class Form.``required_css_class 将必填的表单行和有错误的表单行定义不同的样式特别常见。例如，你想将必填的表单行以粗体显示、将错误以红色显示。...表单类具有一对钩子，可以使用它们来添加class 属性给必填的行或有错误的行：只需简单地设置Form.error_css_class 和/或 Form.required_css_class 属性： from...错误如何显示如果你渲染一个绑定的表单对象，渲染时将自动运行表单的验证，HTML 输出将在出错字段的附近以形式包含验证的错误。...``css_classes() 当你使用Django 的快捷的渲染方法时，习惯使用CSS 类型来表示必填的表单字段和有错误的字段。

2.7K3 0

只需几分钟的简单配置，就可为用户提供登录功能。接下来就来看看如何使用内置的登录功能。...、渲染控件、渲染帮助信息等在注册表单部分已经讲过，登录表单中只引入了一个新的东西：{{ form.non_field_errors }}，这显示的同样是表单错误，但是显示的表单错误是和具体的某个表单字段无关的...但有些表单错误不和任何具体的字段相关，比如用户输入的用户名和密码无法通过验证，这可能是用户输入的用户名不存在，也可能是用户输入的密码错误，因此这个错误信息将通过 {{ form.non_field_errors...此外登录表单的 action 属性的值是 {% url 'login' %}，即 auth 应用下的 login 视图函数对应的 URL，用户提交的表单数据将提交给这个 URL，Django 调用 login...image.png 故意使用一个不存在的账户登录，或者故意输错密码，你将看到表单渲染的非字段相关的错误。

3.9K5 0

107-Django开发医院管理系统(医生-患者-医院管理员)

环境搭建安装Python和Django。创建一个新的Django项目和应用。2....用户认证和权限使用Django的内置用户认证系统。创建自定义的权限和角色（医生、管理员），并将它们关联到用户模型。使用Django的权限系统来限制不同角色的用户访问不同的视图。4....使用Django的模板系统来渲染HTML页面，并包含必要的JavaScript和CSS文件。5. 表单处理创建Django表单来处理用户输入，如注册表单、登录表单、医生申请表单等。...编写开发者文档，记录系统的设计和实现细节，方便其他开发人员理解和维护系统。额外考虑消息通知：使用Django的消息框架或第三方库来实现消息通知功能，如向医生发送患者预约的提醒。...日志记录：记录系统的操作日志和错误日志，方便追踪问题和审计系统。国际化：考虑支持多语言，以便系统能够在不同国家和地区使用。可扩展性：设计系统时考虑未来的扩展需求，如添加新的功能或支持更多的用户角色。

1080 0

如何从Django应用程序发送Web推送通知

保存文件并退出编辑器。...下一步是告诉Django在哪里找到你的模板。为此，您将编辑settings.py和更新TEMPLATES列表。...该showNotAllowed函数在按钮上显示一条消息，如果用户没有资格接收通知，则禁用该消息。如果用户限制应用程序显示通知或浏览器不支持推送通知，它还会显示相应的消息。...src="{% static '/js/registerSw.js' %}"> 由于服务工作者尚不存在，如果您使应用程序继续运行或尝试再次启动它，您将看到错误消息...我们将创建一个服务工作者来监听push事件并在准备好后显示消息。因为我们希望服务工作者的范围是整个域，所以我们需要将其安装在应用程序的根目录中。您可以在本文中详细了解如何注册服务工作者的过程。

9.7K11 5

如何解决Java HtmlUnit库的CSS错误信息

在使用Java的HtmlUnit库加载网页时，有时会遇到大量的CSS错误提示信息。...虽然这些CSS错误不影响JavaScript的正常执行，而我们对CSS错误并不在意，那么我们可以采取一些措施来忽略这些错误信息。...本文将介绍如何通过设置CSS错误处理器来解决Java HtmlUnit库的CSS错误信息问题。首先，让我们看一下具体的处理方式。...，我们成功地将自定义的CSS错误处理器应用到了HtmlUnit客户端中，实现了忽略CSS错误的目的。...现在，我们可以放心地使用HtmlUnit加载网页，并专注于JavaScript的正常执行，而无需被大量的CSS错误信息干扰。

2601 0

37.Django1.11.6文档

Django 的模型描述一个对象的逻辑结构、行为以及展现给我们的方式，与此类似，Form 类描述一个表单并决定它如何工作和展现。...报告验证错误的第二种方法可能包括将错误消息分配给其中一个字段。在这种情况下，让我们在表单的显示中分别关联一个错误信息到“subject” 和“cc_myself” 行。 ...关键字参数运行你修改消息的级别、添加CSS 标签，如果contrib.messages 框架没有安装则默默的失败。 ...例如，在编辑的情况下，消息包含编辑字段的列表。 Django管理网站将此内容格式化为JSON结构，因此get_change_message()可以重构以当前用户语言翻译的消息。 ...Handlers Handler决定如何处理logger中的每条消息。它描述一个特定的日志行为，例如将消息写到屏幕上、写到文件中或者写到网络socket。

24.3K8 0

如何判断目标站点是否为Django开发

老文一篇，几个月以前发在【代码审计】小密圈里的文章，当时是写一个系列（Django安全漫谈），抽出其中的一部分，分享一下。在黑盒测试的情况下，如何判断一个站是否是Django开发的？...像这样的页面，就可以确定是Django 访问一个包含表单的页面，表单中会有一个隐藏的input，用来做CSRF检测的Token，其名字比较独特，csrfmiddlewaretoken：遇到有这个名字的表单...随便向目标的某个页面POST一个数据包，因为缺少CSRF TOKEN，如果目标网站是Django，它将给你一个颇具其特色的错误页面： Django默认安装后会自带一个后台，地址是/admin（不过大多数网站会替换后台地址...page=2 而不会是 /page/2/ ，表单输入框的id通常是 id_xxxx ，中文的情况下还会有一些特定的翻译语句，如请上传一张有效的图片。您所上传的文件不是图片或者是已损坏的图片。...访问这些静态文件地址，看看内容是否是Django的这一套，就可以确定目标是否为Django：如 https://www.leavesongs.com/static/admin/css/dashboard.css

1.4K8 0

Django CSRF认证的几种解决方案

Django是在表单中加一个隐藏的 csrfmiddlewaretoken，在提交表单的时候，会有 cookie 中的内容做比对，一致则认为正常，不一致则认为是攻击。...Synchronizer Token 和上面的类似，但不使用 cookie，服务端的数据库中保存一个 session_csrftoken，表单提交后，将表单中的 token 和 session 中的对比...Django使用CsrfViewMiddleware中间件进行CSRF校验，默认开启防止csrf(跨站点请求伪造)攻击，在post请求时，没有携带csrf字段，导致校验失败，报403错误。...那么我们如何解决这种403错误呢？解决方法 1. 去掉项目的CSRF验证 ? 注释掉此段代码即可，但是不推荐此方式，将导致我们的网站完全无法防止CSRF攻击。 2....这种方式只限制在form表单中使用，ajax请求不支持。 3.

1.9K2 0

Django快速入门——投票程序(4，6)表单&界面、风格

由于我们创建一个POST表单（它具有修改数据的作用），所以我们需要小心跨站点请求伪造。Django 自带了一个非常有用的防御系统。...简而言之，所有针对内部URL的POST表单都应该使用 {% csrf_token %}模板标签。现在，让我们来创建一个Django视图来处理提交的数据。...上面的代码检查KeyError，如果没有给出choice 将重新显示Question表单和一个错误信息。...URL（请继续看下去，我们将会解释如何构造这个例子中的URL）。...因为 AppDirectoriesFinder 的存在，你可以在 Django 中以 polls/style.css 的形式引用此文件，类似你引用模板路径的方式。

2322 0

Django（二）

静态文件：写好的文件不会动态改变的文件资源，比如CSS文件，Js文件，图片文件，第三方框架等····· 墨守成规的将这些文件放在自创static文件夹中，在静态文件夹中创建CSS、JS、img、others... request对象方法提交表单出现403错误，如何解决？...# 在获取用户多选或者提交的信息是多条，返回在一个列表内如何获取用户数据呢？...针对表单提交的文件对象，如何获取？...MySQL Django默认使用的数据库是sqlite3，这里介绍如何使用Django连接MySQL数据库 1、修改配置文件 # 默认的情况settings.py文件 DATABASES = {

8542 0

第 14 篇：交流的桥梁“评论功能”—— HelloDjango 系列教程

如果通过表单提交的数据存在错误，那么我们把错误信息返回给用户，并在前端重新渲染表单，要求用户根据错误信息修正表单中不符合格式的数据，再重新提交。...因为视图函数 comment 中的表单实例是绑定了用户提交的评论数据，以及对数据进行过合法性校验的表单，因此当 django 渲染这个表单时，会连带渲染用户已经填写的表单数据以及数据不合法的错误提示信息...第二个参数是消息级别，评论发表成功的消息设置为 messages.SUCCESS，这是 django 已经默认定义好的一个整数，消息级别也可以自己定义。...同样的，如果评论失败了，也发送一条消息： # 检查到数据不合法，我们渲染一个预览页面，用于展示表单的错误。...请修改表单中的错误后重新提交。', extra_tags='danger') 发送的消息被缓存在 cookie 中，然后我们在模板中获取显示即可。

1.6K2 0

注册

= Form() # 渲染模板 # 如果不是 POST 请求，则渲染的是一个空的表单 # 如果用户通过表单提交数据，但是数据验证不合法，则渲染的是一个带有错误信息的表单...进行循环就可以得到表单的各个控件： {{ field.label_tag }} 是相应控件的 label 标签 {{ field }} 是相应的表单控件 {{ field.errors }} 是表单的错误...image.png 你可以尝试注册一个用户，或者尝试故意输错一些信息，看看表单渲染的错误信息是什么样的，比如我故意输入两次不同的密码，得到一个错误信息提示： image.png 在 Admin 后台查看用户是否注册成功...如果表单数据没有错误，提交表单后就会跳转到首页，由于我们没有写任何处理首页的视图函数，所以得到一个 404 错误。...用户注册后就要登录，接下来就是如何提供用户登录功能了。总结本教程的示例项目代码位于 GitHub：Django Auth Example。如果遇到问题，请通过下面的方式寻求帮助。

9.1K6 0

执行Oracle命令界面的建立

听过前面几期的介绍，我们从如何安装django到连接数据库并建立第一个页面接下来的专题讲述如何将日常运维需要的命令放到我们的监控系统中，具体见: 开发环境操作系统:CentOS 7.3 Python...---- dashboard.css文件在后面的模板文件中我们需要用到dashboard.css文件，这里先把它放到static/css目录下 ? ---- 建立页面的步骤 ?...我们还是通过这张图的步骤来说明如何建立页面 ---- urls.py页面首先编辑 monitor/urls.py urlpatterns = [ url(r'^$', views.index,...最后将dic传入到template模板文件中 ---- template文件 Django模板系统可以使我们继承其他的模板内容，这样可以简化我们模板文件的内容 1....{% extends “base.html” %} 表示的是继承base.html模板后面是javascript脚本这里写的是个表单(form) ? 该表单分为三个部分 1.

8703 0

AngularDart4.0 指南- 表单顶

开发表单需要设计技巧（超出本页面的范围），以及双向数据绑定，更改跟踪，验证和错误处理的框架支持，您将在本页面上了解这些信息。本页面向您展示了如何从头构建一个简单的表单。...使用跟踪控件状态的特殊CSS类提供视觉反馈。向用户显示验证错误并启用/禁用表单控件。使用模板引用变量在HTML元素之间共享信息。您可以在Plunker中运行实例（查看源代码）并从那里下载代码。...为每个表单输入控件添加一个ngControl指令。添加自定义CSS来提供视觉反馈。显示和隐藏验证错误消息。使用ngSubmit处理表单提交。禁用窗体的提交按钮，直到窗体有效。...显示错误消息。您可以通过根据名称控制的状态设置的隐藏属性来控制错误消息的可见性。...提交的标志变为真，表格消失。您将看到表格中显示的英雄模型值（只读）。 ? 该视图包含一个编辑按钮，其单击事件绑定将清除提交的标志。当您单击编辑按钮时，该表消失，并且可编辑的表单重新出现。

17.5K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云