¿Cómo agregar una 'Estrella *' después de un django ModelForm CharField?

Question

tengo algunos campos necesarios en mi django ModelForm. ¿Cómo puedo agregar una estrella roja (*) después de los campos obligatorios?

Answer 1

voy a asumir que usted quiere que esto suceda de forma automática, así que aquí es una de las pocas maneras diferentes:

{% for field in form %} 
    <label for="{{ field.auto_id }}">{{ field.label_tag }} 
    {% if field.field.required %} 
     <span class="required">*</span> 
    {% endif %} 
    </label> 
{% endfor %} 

A continuación, puede estilo el asterisco el uso de CSS.

O, puede agregar el asterisco el uso de CSS en lugar si quieres:

<style type="text/css"> 
    span.required:after { content: '*'; } 
</style> 
{% for field in form %} 
    <label for="{{ field.auto_id }}"> 
    {% if field.field.required %} 
     <span class="required">{{ field.label_tag }}</span> 
    {% else %} 
     {{ field.label_tag }} 
    {% endif %} 
    </label> 
{% endfor %} 

Ésta es probablemente una mejor opción si usted quiere hacer otras cosas con el campo requerido también.

Sin embargo, si no va a acceder a los campos de forma individual (como el uso de {{}} form.as_p), a continuación, se puede añadir una propiedad a su ModelForm:

class FooForm(forms.ModelForm): 
    required_css_class = 'required' 

que definirá todos los campos que se requiere que tengan la clase 'requerida' (y por lo tanto, puede usar el código CSS que mencioné anteriormente para agregar un asterisco (o cualquier otra cosa que quiera hacer con él).

Answer 2

También puede usar jQuery en orden para seleccionar la etiqueta o anexarla.

, por ejemplo, si tienen esta forma de arranque

<form class="form-horizontal"> 
    <div class="form-group"> 
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label> 
    <div class="col-sm-10"> 
     <input type="email" class="form-control" id="inputEmail3" required="required"> 
    </div> 
    </div> 
    <div class="form-group"> 
    <label for="inputPassword3" class="col-sm-2 control-label">Password</label> 
    <div class="col-sm-10"> 
     <input type="password" class="form-control" id="inputPassword3"> 
    </div> 
    </div> 
</form> 

Entonces, si desea agregar la estrella para los campos obligatorios.

$('input,textarea,select').filter('[required]').parent().parent().find("label").append("*"); 

También es posible que desee especificar una clase para los campos requieren etiquetas para que pueda hacerlos negrita o algo

$('input,textarea,select').filter('[required]:visible').parent().parent().find("label").addClass("required_label");