Specify max and min in NumberInput widget

Question

I have a form that is using NumberInput widget to accept a rating for a Song from the user. The number should be between 0-5. My Song model has a MaxValueValidator but I want the NumberInput widget to show options only from 0-5.

Currently, it imposes no upper limit on the number it accepts. Only after I submit the form, does the validator kick in and raise an error which is displayed by the form asking the user to enter between 0-5 — Darshan Chaudhary, May 04 '16 at 10:14
Thats what the validator is for, server side validation, if you want client side validation you need to write that. Django can't help you there — Sayse, May 04 '16 at 10:19
Isn't there any attribute I can modify for the widget displayed so that it shows numbers only till 5? Something like : `form.fields['rating'].widget.max_value=5` — Darshan Chaudhary, May 04 '16 at 10:21

score 11 · Accepted Answer · answered May 04 '16 at 10:31

11

In your form you can add min and max value which atleast shows the user the value should be between the limits.

rating = forms.CharField(label='Rating', widget=forms.TextInput(attrs={'min':1,'max': '5','type': 'number'}))

answered May 04 '16 at 10:31

Suresh Jaganathan

537
5
10

This also restricts the widget to display only upto `5`. Exactly what I was looking for. – Darshan Chaudhary May 04 '16 at 11:02

score 2 · Answer 2 · answered Jul 22 '22 at 19:20

As shown below, by setting "max"(for maximum number), "min"(for minimum number) to "forms.NumberInput()", you can do what you want to do:

class SongForm(forms.ModelForm):
    class Meta:
        widgets = {
            'rate': forms.NumberInput(attrs={
                'max': '5',    # For maximum number
                'min': '0',    # For minimum number
            }),
        }

Specify max and min in NumberInput widget

2 Answers2