Client-side HTML 5 validations

lib/superform/rails/components/checkbox.rb

@@ -2,6 +2,8 @@ module Superform
   module Rails
     module Components
       class Checkbox < Field
+        prepend Concerns::Requirable
+
         def view_template(&)
           # Rails has a hidden and checkbox input to deal with sending back a value
           # to the server regardless of if the input is checked or not.
@@ -16,4 +18,4 @@ def field_attributes
       end
     end
   end
-end
+end

lib/superform/rails/components/concerns/requirable.rb

@@ -0,0 +1,24 @@
+module Superform
+  module Rails
+    module Components
+      module Concerns
+        module Requirable
+          def field_attributes
+            super.merge(validation_attributes)
+          end
+
+          def validation_attributes
+            return {} unless presence_validated?
+            { required: true }
+          end
+
+          def presence_validated?
+            object = field.parent&.object
+            return false unless object&.class&.respond_to?(:validators_on)
+            object.class.validators_on(field.key).any? { |v| v.kind == :presence }
+          end
+        end
+      end
+    end
+  end
+end

lib/superform/rails/components/input.rb

@@ -2,6 +2,8 @@ module Superform
   module Rails
     module Components
       class Input < Field
+        prepend Concerns::Requirable
+
         def view_template(&)
           input(**attributes)
         end
@@ -56,4 +58,4 @@ def attribute_type
       end
     end
   end
-end
+end

lib/superform/rails/components/select.rb

@@ -2,6 +2,8 @@ module Superform
   module Rails
     module Components
       class Select < Field
+        prepend Concerns::Requirable
+
         def initialize(*, collection: [], **, &)
           super(*, **, &)
           @collection = collection
@@ -40,4 +42,4 @@ def map_options(collection)
       end
     end
   end
-end
+end

lib/superform/rails/components/textarea.rb

@@ -2,11 +2,13 @@ module Superform
   module Rails
     module Components
       class Textarea < Field
+        prepend Concerns::Requirable
+
         def view_template(&content)
           content ||= Proc.new { dom.value }
           textarea(**attributes, &content)
         end
       end
     end
   end
-end
+end

spec/superform/rails/field_convenience_methods_spec.rb

@@ -60,4 +60,78 @@
       expect(component.type).to eq("radio")
     end
   end
-end
+
+  describe "HTML5 client-side validations" do
+    context "input" do
+      it "adds required when presence validation exists" do
+        component = field.input
+        expect(component.field_attributes[:required]).to eq(true)
+      end
+
+      it "does not add required when no presence validation" do
+        component = form.field(:last_name).input
+        expect(component.field_attributes.key?(:required)).to eq(false)
+      end
+
+      it "allows required: false to override" do
+        component = field.input(required: false)
+        attrs = component.send(:attributes)
+        expect(attrs[:required]).to eq(false)
+      end
+    end
+
+    context "checkbox" do
+      it "adds required when presence validation exists" do
+        component = field.checkbox
+        expect(component.field_attributes[:required]).to eq(true)
+      end
+
+      it "does not add required when no presence validation" do
+        component = form.field(:last_name).checkbox
+        expect(component.field_attributes.key?(:required)).to eq(false)
+      end
+
+      it "allows required: false to override" do
+        component = field.checkbox(required: false)
+        attrs = component.send(:attributes)
+        expect(attrs[:required]).to eq(false)
+      end
+    end
+
+    context "textarea" do
+      it "adds required when presence validation exists" do
+        component = field.textarea
+        expect(component.field_attributes[:required]).to eq(true)
+      end
+
+      it "does not add required when no presence validation" do
+        component = form.field(:last_name).textarea
+        expect(component.field_attributes.key?(:required)).to eq(false)
+      end
+
+      it "allows required: false to override" do
+        component = field.textarea(required: false)
+        attrs = component.send(:attributes)
+        expect(attrs[:required]).to eq(false)
+      end
+    end
+
+    context "select" do
+      it "adds required when presence validation exists" do
+        component = field.select("a", "b")
+        expect(component.field_attributes[:required]).to eq(true)
+      end
+
+      it "does not add required when no presence validation" do
+        component = form.field(:last_name).select("a", "b")
+        expect(component.field_attributes.key?(:required)).to eq(false)
+      end
+
+      it "allows required: false to override" do
+        component = field.select("a", "b", required: false)
+        attrs = component.send(:attributes)
+        expect(attrs[:required]).to eq(false)
+      end
+    end
+  end
+end