Skip to main content

A widget to have a django text input split into multiple HTML inputs.

Project description

django_split_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.

django_split_input Showcase

Usage

  1. Install django_split_input and add it to your INSTALLED_APPS.

    pip install django-split-input
    

    In your settings.py:

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

  3. Create a form with a CharField.

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

from django import forms
from django_split_input import SplitInput


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

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-split-input-0.2.2.post1.tar.gz (7.4 kB view details)

Uploaded Source

Built Distribution

File details

Details for the file django-split-input-0.2.2.post1.tar.gz.

File metadata

  • Download URL: django-split-input-0.2.2.post1.tar.gz
  • Upload date:
  • Size: 7.4 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.1.4 CPython/3.8.6 Linux/5.8.0-41-generic

File hashes

Hashes for django-split-input-0.2.2.post1.tar.gz
Algorithm Hash digest
SHA256 9b0b7d4c4fba4f4dbef5e8e3b7e61366f017477745523573130d1f625f369fa6
MD5 8cea7c83d69b7cdd210b919d657a8274
BLAKE2b-256 601fdc7f26e02b02dc8f75f3aaabeecc7024f98ca86a48f71676d37b7acc9388

See more details on using hashes here.

Provenance

File details

Details for the file django_split_input-0.2.2.post1-py3-none-any.whl.

File metadata

File hashes

Hashes for django_split_input-0.2.2.post1-py3-none-any.whl
Algorithm Hash digest
SHA256 65dc4b6c5cea77159a7d9ce120bb7a91cc6d2a86e23fcd373c4235d18365a059
MD5 8c404762de0973e074282653416ee090
BLAKE2b-256 e4903fbd55d975742deee0e0a589d3c95a7c306737fe459337a5836960bba585

See more details on using hashes here.

Provenance

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page