personalizados - ¿Cómo obtengo los formularios Django para mostrar el atributo html requerido?

meet django

Question

Tengo este campo de formulario:

email = forms.EmailField(
  required=True,
  max_length=100,
)

Tiene el atributo requerido, pero en el html no está agregando el atributo html required . De hecho, ni siquiera utiliza el email como tipo de campo, usa text ... aunque parece que max_length está bien.

Real:

<input id="id_email" type="text" name="email" maxlength="100">

Esperado:

<input id="id_email" type="email" name="email" maxlength="100" required="true">

¿Cómo puedo hacer que Django use los atributos correctos en formularios html?

Answer 1

Combinando las respuestas de Daniel y Daniel, normalmente uso esta combinación para mis formularios:

from django.contrib.admin.widgets import AdminFileWidget
from django.forms.widgets import HiddenInput, FileInput


class HTML5RequiredMixin(object):

    def __init__(self, *args, **kwargs):
        super(HTML5RequiredMixin, self).__init__(*args, **kwargs)
        for field in self.fields:
            if (self.fields[field].required and
               type(self.fields[field].widget) not in
                    (AdminFileWidget, HiddenInput, FileInput) and 
               ''__prefix__'' not in self.fields[field].widget.attrs):

                    self.fields[field].widget.attrs[''required''] = ''required''
                    if self.fields[field].label:
                        self.fields[field].label += '' *''

Entonces, cuando tengo que crear una nueva forma o modelo, solo uso:

class NewForm(HTML5RequiredMixin, forms.Form):
    ...

Answer 2

Como se ha dado cuenta, establecer su atributo Campo requerido en True es solo para la validación del servidor, tal como se explica en la documentación de Django .

Lo que realmente desea es agregar un atributo requerido al Widget del campo:

email.widget.attrs["required"] = "required"

Pero si realmente desea escribir código DRY elegante, debe crear una clase de formulario base que busque dinámicamente todos los campos requeridos y modifique el atributo requerido de su widget para usted (puede nombrarlo como desee, pero "BaseForm" parece apropiado ):

from django.forms import ModelForm

class BaseForm(ModelForm):
    def __init__(self, *args, **kwargs):
        super(BaseForm, self).__init__(*args, **kwargs)
        for bound_field in self:
            if hasattr(bound_field, "field") and bound_field.field.required:
                bound_field.field.widget.attrs["required"] = "required"

Y luego haz que todos tus objetos de Forma desciendan de ella:

class UserForm(BaseForm):
    class Meta:
        model = User
        fields = []

    first_name = forms.CharField(required=True)
    last_name = forms.CharField(required=True)
    email = forms.EmailField(required=True, max_length=100)

Answer 3

Desde Django 1.10, esto está incorporado.

De las notas de publicación :

Los campos de formulario requeridos ahora tienen el atributo HTML requerido. Establezca el nuevo atributo Form.use_required_attribute en False para deshabilitarlo.

Answer 4

Los elementos del formulario Django se escriben en contra de <input /> tal como existe en HTML 4, donde type="text" era la opción correcta para las direcciones de correo electrónico. Tampoco había required="true" .

Si desea atributos HTML personalizados, necesita el argumento de la palabra clave attrs para el widget . Se vería algo como esto:

email = forms.EmailField(
    max_length=100,
    required=True,
    widget=forms.TextInput(attrs={ ''required'': ''true'' }),
)

Puedes consultar más documentación sobre widgets here . La discusión de attrs está cerca de la parte inferior de esa página.

Con respecto a type="email" , podría enviarlo a su diccionario de attrs y Django anulará de manera inteligente su valor predeterminado. Si ese no es el resultado que obtiene, entonces su ruta es a los forms.TextInput subclase. forms.TextInput y luego lo pasa al argumento de la palabra clave del widget .

Answer 5

Monkeypatching Widget es tu mejor apuesta:

from django.forms.widgets import Widget
from django.contrib.admin.widgets import AdminFileWidget
from django.forms import HiddenInput, FileInput

old_build_attrs = Widget.build_attrs

def build_attrs(self, extra_attrs=None, **kwargs):
    attrs = old_build_attrs(self, extra_attrs, **kwargs)

    # if required, and it''s not a file widget since those can have files
    # attached without seeming filled-in to the browser, and skip hidden "mock"
    # fileds created for StackedInline and TabbedInline admin stuff
    if (self.is_required
            and type(self) not in (AdminFileWidget, HiddenInput, FileInput)
            and "__prefix__" not in attrs.get("name", "")):
        attrs[''required''] = ''required''

    return attrs

Widget.build_attrs = build_attrs

Answer 6

También está la solución de solo plantilla que utiliza un filtro. Recomiendo django-widget-tweaks :

{% load widget_tweaks %}

{{ form.email|attr:''required:true'' }}

Eso fue fácil.