don't set validation classes on inputs that don't provide an errors r…

…ecord

When a set of input rows provide an errors record, it is used to set if
a field is valid or invalid. When this property is not provided, the
CSS classes that indicate valid or invalid fields must not be added to
the input elements.

frontend/src/components/Input.tsx

@@ -68,7 +68,7 @@ export function Input({
   const disabled = useComputed<boolean>(() => !!disabledFields[name]);
   const inputClass = useComputed<string>(() => {
     const formCls = type === "checkbox" ? "form-check-input" : type === "select" ? "form-select" : "form-control";
-    const err = error.value ? " is-invalid" : " is-valid";
+    const err = error ? (error.value ? " is-invalid" : " is-valid") : "";
     return `${formCls}${err} ${className}`;
   });
 

frontend/src/components/InputFieldRow.tsx

@@ -29,7 +29,9 @@ export function InputFieldRow({
       ? cgiName
       : `${prefix}${prefix ? "__" : ""}${fullName}`;
   const describedBy = text ? `text-${name}`: `label-${name}`;
-  const error = useComputed(() => errors?.value[name]);
+  const errorSig = useComputed(() => errors?.value[name]);
+  const error = errors ? errorSig : undefined;
+
   return (
     <FormRow name={name} label={title} text={text} layout={layout} error={error} {...props}>
       <Input