blocks|key|1765771|text|如何定义error_css_class？http://docs.djangoproject.com/en/dev/ref/forms/api/#styling-required-or-erroneous-form-rows|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1765772|class+MyForm(ModelForm):
++++error_css_class+=+'error'|code-block|syntax|javascript|1765773|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.djangoproject.com/en/dev/ref/forms/api/#styling-required-or-erroneous-form-rows^0|K|2J|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

What about defining error_css_class?
<a href="http://docs.djangoproject.com/en/dev/ref/forms/api/#styling-required-or-erroneous-form-rows" rel="noreferrer">http://docs.djangoproject.com/en/dev/ref/forms/api/#styling-required-or-erroneous-form-rows</a>?

<pre><code>class MyForm(ModelForm):
 error_css_class = 'error'
</code></pre>

blocks|key|2894086|text|在errx答案的基础上展开。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2894087|添加CSS|2894088|.error+input,+.error+select+{
++++border:+2px+red+solid;
}|code-block|syntax|javascript|2894089|要特别突出显示该字段|2894090|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Expanding upon errx's answer.

Add the CSS

<pre><code>.error input, .error select {
 border: 2px red solid;
}
</code></pre>

to specifically highlight the field

blocks|key|1762930|text|尝尝这个?|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1762931|self.fields['field_you_want_to_add_error'].widget.attrs['class']+=+"error"|code-block|syntax|javascript|1762932|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this?

<pre><code>self.fields['field_you_want_to_add_error'].widget.attrs['class'] = "error"
</code></pre>

blocks|key|4494069|text|来回答最初的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4494070|您可以将所需的类添加到视图中的字段，您将在该字段中提交表单并执行form.is_valid()检查。不是最漂亮的，但它会工作的。|offset|length|style|CODE|4494071|def+submit_form(request):
++++if+request.method+=+'POST':
++++++++if.+form.is_valid():
++++++++++++#+Do+something+with+clean+form+data
++++++++++++pass
++++++++else:
++++++++++++#+Append+css+class+to+every+field+that+contains+errors.
++++++++++++for+field+in+form.errors:
++++++++++++++++form[field].field.widget.attrs['class']+%2B=+'+my-css-class'
++++return+render(request,+submit_form.html,+{
++++++++'form':+form
++++})|code-block|syntax|javascript|4494072|entityMap^0|0|W|F|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

To answer the original question.

You can add the desired class to the field in the view to where you are submitting your form and doing your <code>form.is_valid()</code> check. Not the prettiest but it will work.

<pre><code>def submit_form(request):
 if request.method = 'POST':
 if. form.is_valid():
 # Do something with clean form data
 pass
 else:
 # Append css class to every field that contains errors.
 for field in form.errors:
 form[field].field.widget.attrs['class'] += ' my-css-class'
 return render(request, submit_form.html, {
 'form': form
 })
</code></pre>

blocks|key|2894139|text|模板：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2894140|<div+style="color:red">{{+userForm.short_description.errors.as_text++}}</div>|code-block|syntax|javascript|2894141|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

template :

<pre><code>&lt;div style="color:red"&gt;{{ userForm.short_description.errors.as_text }}&lt;/div&gt;
</code></pre>

I am using Django's modelform and its really good. How can I highlight the actual text box (e.g. border:red ) if there is a validation error associated with it. Basically what i want is to add a class (error) if there is a validation error to a field.

Adding css class to field on validation error in django

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用Django的模型形式，它真的很好。如果存在与之关联的验证错误，我如何突出显示实际的文本框(例如，边框:红色)。基本上，我想要的是添加一个类(错误)，如果有一个验证错误的字段。

问在django中验证错误时将css类添加到字段
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在django中验证错误时将css类添加到字段EN