django-splitted-input

django_splitted_input

About

This is a django widget for multiple fixed size inputs for one form field. These could be used for those super fancy verification code forms. The cursor is moved to the next input field using JS/jQuery.

Usage

1. Install django_splitted_input and add it to your INSTALLED_APPS.

   pip install django-splitted-input
   

   In your settings.py:

   "django_splitted_input",
   

2. Install jQuery using your preferred method (e.g. django-yarnpkg)

3. Create a form with a CharField.

4. Use SplittedInput as a widget and supply the sizes of all input fields.

from django import forms
from django_splitted_input import SplittedInput


class VerificationForm(forms.Form):
    auth_code = forms.CharField(label='Code', widget=SplittedInput(sizes=(3, 3, 3)))