init validation correctly

dashboard/src/components/porter-form/PorterFormContextProvider.tsx

@@ -147,7 +147,10 @@ export const PorterFormContextProvider: React.FC<Props> = (props) => {
             field.type == "velero-create-backup"
           )
             return;
-          if (field.required && (field.settings?.default || field.value)) {
+          if (
+            field.required &&
+            (field.settings?.default || (field.value && field.value[0]))
+          ) {
             ret[`${i}-${j}-${k}`] = {
               validated: true,
             };

dashboard/src/components/porter-form/field-components/Input.tsx

@@ -36,7 +36,7 @@ const Input: React.FC<InputField> = ({
   } = useFormField<StringInputFieldState>(id, {
     initValidation: {
       validated: value
-        ? value[0] !== undefined
+        ? value[0] !== undefined && value[0] !== ""
         : settings?.default != undefined,
     },
     initVars: {