将类'is-invalid'添加到Django中的输入表单中

问题描述 投票:2回答:1

如何将引导程序类is-invalid添加到Django输入表单中(仅当表单/字段未正确填写时。)>

我的forms.py

class BasicUserDataForm(forms.Form):
    error_css_class = 'is-invalid'
    user_name = forms.CharField(max_length=20, widget=forms.TextInput(attrs={'placeholder': 'Username',
                                                                             'class': 'form-control'}))

我的templates.html

<div class="form-group col-md-6">
  <!-- Label -->
  <label for="id_user_name">Username*</label>
  <div class="input-group mb-0">
    <div class="input-group-prepend">
      <div class="input-group-text">@</div>
    </div>
    {{ form.user_name }}
  </div>
  {% if form.user_name.errors|striptags %}<small class="text-danger"><b>{{ form.user_name.errors|striptags }}</b></small>{% endif %}
</div>

我尝试:

1。)

class BasicUserDataForm(forms.Form):
    user_name = forms.CharField(max_length=20, widget=forms.TextInput(attrs={'placeholder': 'Username',
                                                                             'class': 'form-control'}))

2。)

class BasicUserDataForm(forms.Form):
    user_name = forms.CharField(max_length=20, widget=forms.TextInput(attrs={'placeholder': 'Username',
                                                                             'class': 'form-control {% if form.user_name.errors %}is-invalid{% endif %}'}))

3。)根据the documentation

class BasicUserDataForm(forms.Form):
    error_css_class = 'is-invalid'
    [...]

4。)

.error input, .error select {
    border: 2px red solid;
}

它仍然没有任何结果。我想得到的效果是:

user_name = forms.CharField(max_length=20, widget=forms.TextInput(attrs={'placeholder': 'Username',
                                                                             'class': 'form-control is-invalid'}))

enter image description here

如何添加引导类对Django输入表单无效(仅当表单/字段未正确填写时)。我的forms.py类BasicUserDataForm(forms.Form):error_css_class ='is-invalid'...

django forms bootstrap-4
1个回答
0
投票

[尝试将Meta类添加到表单中,并分配适当的模型。例如:

© www.soinside.com 2019 - 2024. All rights reserved.