fix: include forms.css directly in templates + phone real-time validation

The package base.html (which includes forms.css) is overridden by host
apps that provide their own base.html, silently dropping all alignment
CSS. Include the stylesheet directly in form_submit, approve, and
form_embed templates via the extra_css block.

Also add a 'phone' validation rule type to get_enhancements_config()
and form-enhancements.js so phone fields get immediate input-time
red/green feedback like email fields do.

Bump version to 0.63.4.

Author: matteius

CHANGELOG.md

@@ -7,6 +7,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.63.4] - 2026-04-02
+
+### Fixed
+- **forms.css now loaded in form_submit, approve, and form_embed templates** —
+  the package's `base.html` (which includes `forms.css`) was being overridden
+  by host apps that provide their own `base.html` template, causing all
+  alignment CSS to be silently dropped. The stylesheet is now included directly
+  in each template's `extra_css` block so it loads regardless of base template
+  overrides.
+- **Phone field real-time validation** — added a `phone` validation rule type
+  to `get_enhancements_config()` and `form-enhancements.js` so phone fields
+  get immediate red/green feedback on input (like email fields), rejecting
+  non-phone text such as "test" before form submission.
+
 ## [0.63.3] - 2026-04-02
 
 ### Fixed

django_forms_workflows/forms.py

@@ -1254,6 +1254,17 @@ def get_enhancements_config(self):
                     {"type": "email", "message": "Please enter a valid email address"}
                 )
 
+            if field.field_type == "phone":
+                validation_rules.append(
+                    {
+                        "type": "phone",
+                        "message": (
+                            "Enter a valid phone number, e.g. 2065551234, "
+                            "(206) 555-1234, or +1 (206) 555-1234"
+                        ),
+                    }
+                )
+
             if field.field_type == "url":
                 validation_rules.append(
                     {"type": "url", "message": "Please enter a valid URL"}

django_forms_workflows/static/django_forms_workflows/js/form-enhancements.js

@@ -453,6 +453,10 @@ class FormEnhancements {
                        (!Array.isArray(value) || value.length > 0);
             case 'email':
                 return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+            case 'phone':
+                // Must contain at least 7 digits; only digits, spaces, dashes,
+                // dots, parens, and an optional leading + are allowed.
+                return /^\+?[\d()\- .]{7,25}$/.test(value) && (value.match(/\d/g) || []).length >= 7;
             case 'url':
                 try {
                     new URL(value);

django_forms_workflows/templates/django_forms_workflows/approve.html

@@ -5,6 +5,10 @@
 
 {% block title %}Approve Submission #{{ submission.id }} - {{ site_name }}{% endblock %}
 
+{% block extra_css %}
+<link rel="stylesheet" href="{% static 'django_forms_workflows/css/forms.css' %}">
+{% endblock %}
+
 {% block content %}
 <div class="row">
     <div class="col-lg-10 mx-auto">

django_forms_workflows/templates/django_forms_workflows/form_embed.html

@@ -5,6 +5,7 @@
 {% block title %}{{ form_def.name }}{% endblock %}
 
 {% block extra_css %}
+<link rel="stylesheet" href="{% static 'django_forms_workflows/css/forms.css' %}">
 <style>
     .rating-stars-container { display: inline-flex; gap: 0.15rem; direction: rtl; }
     .rating-stars-container input { display: none; }

django_forms_workflows/templates/django_forms_workflows/form_submit.html

@@ -5,6 +5,7 @@
 {% block title %}{{ form_def.name }} - {{ site_name }}{% endblock %}
 
 {% block extra_css %}
+<link rel="stylesheet" href="{% static 'django_forms_workflows/css/forms.css' %}">
 <style>
     /* Rating stars widget */
     .rating-stars-container { display: inline-flex; gap: 0.15rem; direction: rtl; }

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-forms-workflows"
-version = "0.63.3"
+version = "0.63.4"
 description = "Enterprise-grade, database-driven form builder with approval workflows and external data integration"
 license = "LGPL-3.0-only"
 readme = "README.md"