diff --git a/src/components/Contribute/Knowledge/AttributionInformation/AttributionInformation.tsx b/src/components/Contribute/Knowledge/AttributionInformation/AttributionInformation.tsx
index d34c98b6..530697dd 100644
--- a/src/components/Contribute/Knowledge/AttributionInformation/AttributionInformation.tsx
+++ b/src/components/Contribute/Knowledge/AttributionInformation/AttributionInformation.tsx
@@ -1,8 +1,16 @@
 import React from 'react';
-import { FormFieldGroupExpandable, FormFieldGroupHeader, FormGroup } from '@patternfly/react-core/dist/dynamic/components/Form';
+import { FormFieldGroupExpandable, FormFieldGroupHeader, FormGroup, FormHelperText } from '@patternfly/react-core/dist/dynamic/components/Form';
 import { TextInput } from '@patternfly/react-core/dist/dynamic/components/TextInput';
+import { HelperText } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import { HelperTextItem } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/dynamic/icons/exclamation-circle-icon';
+import { ValidatedOptions } from '@patternfly/react-core/dist/esm/helpers/constants';
+import { KnowledgeFormData } from '..';
+import { checkKnowledgeFormCompletion } from '../validation';
 
 interface Props {
+  knowledgeFormData: KnowledgeFormData;
+  setDisableAction: React.Dispatch<React.SetStateAction<boolean>>;
   titleWork: string;
   setTitleWork: React.Dispatch<React.SetStateAction<string>>;
   linkWork: string;
@@ -16,6 +24,8 @@ interface Props {
 }
 
 const AttributionInformation: React.FC<Props> = ({
+  knowledgeFormData,
+  setDisableAction,
   titleWork,
   setTitleWork,
   linkWork,
@@ -27,12 +37,87 @@ const AttributionInformation: React.FC<Props> = ({
   creators,
   setCreators
 }) => {
+  const [validTitle, setValidTitle] = React.useState<ValidatedOptions>();
+  const [validLink, setValidLink] = React.useState<ValidatedOptions>();
+  const [validRevision, setValidRevision] = React.useState<ValidatedOptions>();
+  const [validLicense, setValidLicense] = React.useState<ValidatedOptions>();
+  const [validCreators, setValidCreators] = React.useState<ValidatedOptions>();
+
+  const validateTitle = (title: string) => {
+    if (title.length > 0) {
+      setValidTitle(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidTitle(ValidatedOptions.error);
+    return;
+  };
+
+  const validateLink = (link: string) => {
+    if (link.length === 0) {
+      setDisableAction(true);
+      setValidLink(ValidatedOptions.error);
+      return;
+    }
+    try {
+      new URL(link);
+      setValidLink(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    } catch (e) {
+      setDisableAction(true);
+      setValidLink(ValidatedOptions.warning);
+      return;
+    }
+  };
+
+  const validateRevision = (revision: string) => {
+    if (revision.length > 0) {
+      setValidRevision(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidRevision(ValidatedOptions.error);
+    return;
+  };
+
+  const validateLicense = (license: string) => {
+    if (license.length > 0) {
+      setValidLicense(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidLicense(ValidatedOptions.error);
+    return;
+  };
+
+  const validateCreators = (creators: string) => {
+    if (creators.length > 0) {
+      setValidCreators(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidCreators(ValidatedOptions.error);
+    return;
+  };
+
   return (
     <FormFieldGroupExpandable
       toggleAriaLabel="Details"
       header={
         <FormFieldGroupHeader
-          titleText={{ text: 'Attribution Info', id: 'attribution-info-id' }}
+          titleText={{
+            text: (
+              <p>
+                Attribution Info <span style={{ color: 'red' }}>*</span>
+              </p>
+            ),
+            id: 'attribution-info-id'
+          }}
           titleDescription="Provide attribution information."
         />
       }
@@ -43,41 +128,106 @@ const AttributionInformation: React.FC<Props> = ({
           type="text"
           aria-label="title_work"
           placeholder="Enter title of work"
+          validated={validTitle}
           value={titleWork}
           onChange={(_event, value) => setTitleWork(value)}
+          onBlur={() => validateTitle(titleWork)}
         />
+        {validTitle === ValidatedOptions.error && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validTitle}>
+                Title is required.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
+
         <TextInput
           isRequired
           type="url"
           aria-label="link_work"
           placeholder="Enter link to work"
+          validated={validLink}
           value={linkWork}
           onChange={(_event, value) => setLinkWork(value)}
+          onBlur={() => validateLink(linkWork)}
         />
+        {validLink === ValidatedOptions.error && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validLink}>
+                Link to title is required.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
+        {validLink === ValidatedOptions.warning && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validLink}>
+                Please enter a valid URL.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
         <TextInput
           isRequired
           type="text"
           aria-label="revision"
           placeholder="Enter document revision information"
+          validated={validRevision}
           value={revision}
           onChange={(_event, value) => setRevision(value)}
+          onBlur={() => validateRevision(revision)}
         />
+        {validRevision === ValidatedOptions.error && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validRevision}>
+                Revision is required.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
         <TextInput
           isRequired
           type="text"
           aria-label="license_work"
           placeholder="Enter license of the work"
+          validated={validLicense}
           value={licenseWork}
           onChange={(_event, value) => setLicenseWork(value)}
+          onBlur={() => validateLicense(licenseWork)}
         />
+        {validLicense === ValidatedOptions.error && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validLicense}>
+                License is required.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
         <TextInput
           isRequired
           type="text"
           aria-label="creators"
           placeholder="Enter creators Name"
+          validated={validCreators}
           value={creators}
           onChange={(_event, value) => setCreators(value)}
+          onBlur={() => validateCreators(creators)}
         />
+        {validCreators === ValidatedOptions.error && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validCreators}>
+                Creators is required.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
       </FormGroup>
     </FormFieldGroupExpandable>
   );
diff --git a/src/components/Contribute/Knowledge/AuthorInformation/AuthorInformation.tsx b/src/components/Contribute/Knowledge/AuthorInformation/AuthorInformation.tsx
index bad1b65e..f27d3488 100644
--- a/src/components/Contribute/Knowledge/AuthorInformation/AuthorInformation.tsx
+++ b/src/components/Contribute/Knowledge/AuthorInformation/AuthorInformation.tsx
@@ -1,21 +1,62 @@
-import React from 'react';
-import { FormFieldGroupExpandable, FormFieldGroupHeader, FormGroup } from '@patternfly/react-core/dist/dynamic/components/Form';
+import React, { useState } from 'react';
+import { FormFieldGroupExpandable, FormFieldGroupHeader, FormGroup, FormHelperText } from '@patternfly/react-core/dist/dynamic/components/Form';
 import { TextInput } from '@patternfly/react-core/dist/dynamic/components/TextInput';
+import { HelperText } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import { HelperTextItem } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/dynamic/icons/exclamation-circle-icon';
+import { ValidatedOptions } from '@patternfly/react-core/dist/esm/helpers/constants';
+import { KnowledgeFormData } from '..';
+import { checkKnowledgeFormCompletion } from '../validation';
 
 interface Props {
+  knowledgeFormData: KnowledgeFormData;
+  setDisableAction: React.Dispatch<React.SetStateAction<boolean>>;
   email: string;
   setEmail: React.Dispatch<React.SetStateAction<string>>;
   name: string;
   setName: React.Dispatch<React.SetStateAction<string>>;
 }
-const AuthorInformation: React.FC<Props> = ({ email, setEmail, name, setName }) => {
+const AuthorInformation: React.FC<Props> = ({ knowledgeFormData, setDisableAction, email, setEmail, name, setName }) => {
+  const [validEmail, setValidEmail] = useState<ValidatedOptions>();
+  const [validName, setValidName] = useState<ValidatedOptions>();
+
+  const validateEmail = (email: string) => {
+    const re = /\S+@\S+\.\S+/;
+    if (re.test(email)) {
+      setValidEmail(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidEmail(ValidatedOptions.error);
+    return;
+  };
+
+  const validateName = (name: string) => {
+    if (name.length > 0) {
+      setValidName(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidName(ValidatedOptions.error);
+    return;
+  };
+
   return (
     <FormFieldGroupExpandable
       isExpanded
       toggleAriaLabel="Details"
       header={
         <FormFieldGroupHeader
-          titleText={{ text: 'Author Info', id: 'author-info-id' }}
+          titleText={{
+            text: (
+              <p>
+                Author Info <span style={{ color: 'red' }}>*</span>
+              </p>
+            ),
+            id: 'author-info-id'
+          }}
           titleDescription="Provide your information required for a GitHub DCO sign-off."
         />
       }
@@ -27,16 +68,38 @@ const AuthorInformation: React.FC<Props> = ({ email, setEmail, name, setName })
           aria-label="email"
           placeholder="Enter your email address"
           value={email}
+          validated={validEmail}
           onChange={(_event, value) => setEmail(value)}
+          onBlur={() => validateEmail(email)}
         />
+        {validEmail === ValidatedOptions.error && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validEmail}>
+                Please enter a valid email address.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
         <TextInput
           isRequired
           type="text"
           aria-label="name"
           placeholder="Enter your full name"
           value={name}
+          validated={validName}
           onChange={(_event, value) => setName(value)}
+          onBlur={() => validateName(name)}
         />
+        {validName === ValidatedOptions.error && (
+          <FormHelperText>
+            <HelperText>
+              <HelperTextItem icon={<ExclamationCircleIcon />} variant={validName}>
+                Name is required.
+              </HelperTextItem>
+            </HelperText>
+          </FormHelperText>
+        )}
       </FormGroup>
     </FormFieldGroupExpandable>
   );
diff --git a/src/components/Contribute/Knowledge/DocumentInformation/DocumentInformation.tsx b/src/components/Contribute/Knowledge/DocumentInformation/DocumentInformation.tsx
index 38a445bf..aa162413 100644
--- a/src/components/Contribute/Knowledge/DocumentInformation/DocumentInformation.tsx
+++ b/src/components/Contribute/Knowledge/DocumentInformation/DocumentInformation.tsx
@@ -4,8 +4,16 @@ import { Button } from '@patternfly/react-core/dist/dynamic/components/Button';
 import { TextInput } from '@patternfly/react-core/dist/dynamic/components/TextInput';
 import { UploadFile } from './../UploadFile';
 import { Alert, AlertActionLink, AlertActionCloseButton } from '@patternfly/react-core/dist/dynamic/components/Alert';
+import { HelperText } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import { HelperTextItem } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/dynamic/icons/exclamation-circle-icon';
+import { ValidatedOptions } from '@patternfly/react-core/dist/esm/helpers/constants';
+import { KnowledgeFormData } from '..';
+import { checkKnowledgeFormCompletion } from '../validation';
 
 interface Props {
+  knowledgeFormData: KnowledgeFormData;
+  setDisableAction: React.Dispatch<React.SetStateAction<boolean>>;
   knowledgeDocumentRepositoryUrl: string;
   setKnowledgeDocumentRepositoryUrl: React.Dispatch<React.SetStateAction<string>>;
   knowledgeDocumentCommit: string;
@@ -17,6 +25,8 @@ interface Props {
 }
 
 const DocumentInformation: React.FC<Props> = ({
+  knowledgeFormData,
+  setDisableAction,
   knowledgeDocumentRepositoryUrl,
   setKnowledgeDocumentRepositoryUrl,
   knowledgeDocumentCommit,
@@ -35,6 +45,50 @@ const DocumentInformation: React.FC<Props> = ({
   const [failureAlertTitle, setFailureAlertTitle] = useState<string | undefined>();
   const [failureAlertMessage, setFailureAlertMessage] = useState<string | undefined>();
 
+  const [validRepo, setValidRepo] = useState<ValidatedOptions>();
+  const [validCommit, setValidCommit] = useState<ValidatedOptions>();
+  const [validDocumentName, setValidDocumentName] = useState<ValidatedOptions>();
+
+  const validateRepo = (repo: string) => {
+    if (repo.length === 0) {
+      setDisableAction(true);
+      setValidRepo(ValidatedOptions.error);
+      return;
+    }
+    try {
+      new URL(repo);
+      setValidRepo(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    } catch (e) {
+      setDisableAction(true);
+      setValidRepo(ValidatedOptions.warning);
+      return;
+    }
+  };
+
+  const validateCommit = (commit: string) => {
+    if (commit.length > 0) {
+      setValidCommit(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidCommit(ValidatedOptions.error);
+    return;
+  };
+
+  const validateDocumentName = (documentName: string) => {
+    if (documentName.length > 0) {
+      setValidDocumentName(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidDocumentName(ValidatedOptions.error);
+    return;
+  };
+
   const handleFilesChange = (files: File[]) => {
     setUploadedFiles(files);
     setDocumentName(files.map((file) => file.name).join(', ')); // Populate the patterns field
@@ -104,7 +158,17 @@ const DocumentInformation: React.FC<Props> = ({
     <FormFieldGroupExpandable
       toggleAriaLabel="Details"
       header={
-        <FormFieldGroupHeader titleText={{ text: 'Document Info', id: 'doc-info-id' }} titleDescription="Add the relevant document's information" />
+        <FormFieldGroupHeader
+          titleText={{
+            text: (
+              <p>
+                Document Info <span style={{ color: 'red' }}>*</span>
+              </p>
+            ),
+            id: 'doc-info-id'
+          }}
+          titleDescription="Add the relevant document's information"
+        />
       }
     >
       <FormGroup>
@@ -132,26 +196,69 @@ const DocumentInformation: React.FC<Props> = ({
             isRequired
             type="url"
             aria-label="repo"
+            validated={validRepo}
             placeholder="Enter repo url where document exists"
             value={knowledgeDocumentRepositoryUrl}
             onChange={(_event, value) => setKnowledgeDocumentRepositoryUrl(value)}
+            onBlur={() => validateRepo(knowledgeDocumentRepositoryUrl)}
           />
+          {validRepo === ValidatedOptions.error && (
+            <FormHelperText>
+              <HelperText>
+                <HelperTextItem icon={<ExclamationCircleIcon />} variant={validRepo}>
+                  Repo URL is required.
+                </HelperTextItem>
+              </HelperText>
+            </FormHelperText>
+          )}
+          {validRepo === ValidatedOptions.warning && (
+            <FormHelperText>
+              <HelperText>
+                <HelperTextItem icon={<ExclamationCircleIcon />} variant="error">
+                  Please enter a valid URL.
+                </HelperTextItem>
+              </HelperText>
+            </FormHelperText>
+          )}
+
           <TextInput
             isRequired
             type="text"
             aria-label="commit"
             placeholder="Enter the commit sha of the document in that repo"
             value={knowledgeDocumentCommit}
+            validated={validCommit}
             onChange={(_event, value) => setKnowledgeDocumentCommit(value)}
+            onBlur={() => validateCommit(knowledgeDocumentCommit)}
           />
+          {validCommit === ValidatedOptions.error && (
+            <FormHelperText>
+              <HelperText>
+                <HelperTextItem icon={<ExclamationCircleIcon />} variant={validCommit}>
+                  Valid commit SHA is required.
+                </HelperTextItem>
+              </HelperText>
+            </FormHelperText>
+          )}
           <TextInput
             isRequired
             type="text"
             aria-label="patterns"
             placeholder="Enter the documents name (comma separated)"
             value={documentName}
+            validated={validDocumentName}
             onChange={(_event, value) => setDocumentName(value)}
+            onBlur={() => validateDocumentName(documentName)}
           />
+          {validDocumentName === ValidatedOptions.error && (
+            <FormHelperText>
+              <HelperText>
+                <HelperTextItem icon={<ExclamationCircleIcon />} variant={validDocumentName}>
+                  Document name is required.
+                </HelperTextItem>
+              </HelperText>
+            </FormHelperText>
+          )}
         </FormGroup>
       ) : (
         <>
diff --git a/src/components/Contribute/Knowledge/DownloadAttribution/DownloadAttribution.tsx b/src/components/Contribute/Knowledge/DownloadAttribution/DownloadAttribution.tsx
index 7b4ba60e..e979ba38 100644
--- a/src/components/Contribute/Knowledge/DownloadAttribution/DownloadAttribution.tsx
+++ b/src/components/Contribute/Knowledge/DownloadAttribution/DownloadAttribution.tsx
@@ -4,11 +4,12 @@ import { validateFields } from '../validation';
 import { ActionGroupAlertContent, KnowledgeFormData } from '..';
 
 interface Props {
+  disableAction: boolean;
   knowledgeFormData: KnowledgeFormData;
   setActionGroupAlertContent: React.Dispatch<React.SetStateAction<ActionGroupAlertContent | undefined>>;
 }
 
-const DownloadAttribution: React.FC<Props> = ({ knowledgeFormData, setActionGroupAlertContent }) => {
+const DownloadAttribution: React.FC<Props> = ({ disableAction, knowledgeFormData, setActionGroupAlertContent }) => {
   const handleDownloadAttribution = () => {
     // Because I have overly complicated the validatedFields function all fields are being checked and not just the attribution ones here. Not ideal.
     if (!validateFields(knowledgeFormData, setActionGroupAlertContent)) return;
@@ -31,7 +32,7 @@ const DownloadAttribution: React.FC<Props> = ({ knowledgeFormData, setActionGrou
   };
 
   return (
-    <Button variant="primary" type="button" onClick={handleDownloadAttribution}>
+    <Button variant="primary" type="button" isDisabled={disableAction} onClick={handleDownloadAttribution}>
       Download Attribution
     </Button>
   );
diff --git a/src/components/Contribute/Knowledge/DownloadYaml/DownloadYaml.tsx b/src/components/Contribute/Knowledge/DownloadYaml/DownloadYaml.tsx
index 399acfd6..13c182a9 100644
--- a/src/components/Contribute/Knowledge/DownloadYaml/DownloadYaml.tsx
+++ b/src/components/Contribute/Knowledge/DownloadYaml/DownloadYaml.tsx
@@ -6,12 +6,13 @@ import { KnowledgeYamlData, SchemaVersion } from '@/types';
 import { dumpYaml } from '@/utils/yamlConfig';
 
 interface Props {
+  disableAction: boolean;
   knowledgeFormData: KnowledgeFormData;
   setActionGroupAlertContent: React.Dispatch<React.SetStateAction<ActionGroupAlertContent | undefined>>;
   githubUsername: string | undefined;
 }
 
-const DownloadYaml: React.FC<Props> = ({ knowledgeFormData, setActionGroupAlertContent, githubUsername }) => {
+const DownloadYaml: React.FC<Props> = ({ disableAction, knowledgeFormData, setActionGroupAlertContent, githubUsername }) => {
   const handleDownloadYaml = () => {
     if (!validateFields(knowledgeFormData, setActionGroupAlertContent)) return;
 
@@ -45,7 +46,7 @@ const DownloadYaml: React.FC<Props> = ({ knowledgeFormData, setActionGroupAlertC
     document.body.removeChild(a);
   };
   return (
-    <Button variant="primary" type="button" onClick={handleDownloadYaml}>
+    <Button variant="primary" type="button" isDisabled={disableAction} onClick={handleDownloadYaml}>
       Download YAML
     </Button>
   );
diff --git a/src/components/Contribute/Knowledge/FilePathInformation/FilePathInformation.tsx b/src/components/Contribute/Knowledge/FilePathInformation/FilePathInformation.tsx
index 56f3607e..003aef21 100644
--- a/src/components/Contribute/Knowledge/FilePathInformation/FilePathInformation.tsx
+++ b/src/components/Contribute/Knowledge/FilePathInformation/FilePathInformation.tsx
@@ -13,7 +13,14 @@ const FilePathInformation: React.FC<Props> = ({ setFilePath }) => {
       toggleAriaLabel="Details"
       header={
         <FormFieldGroupHeader
-          titleText={{ text: 'File Path Info', id: 'file-path-info-id' }}
+          titleText={{
+            text: (
+              <p>
+                File Path Info <span style={{ color: 'red' }}>*</span>
+              </p>
+            ),
+            id: 'file-path-info-id'
+          }}
           titleDescription="Specify the file path for the QnA and Attribution files."
         />
       }
diff --git a/src/components/Contribute/Knowledge/KnowledgeDescription/KnowledgeDescription.tsx b/src/components/Contribute/Knowledge/KnowledgeDescription/KnowledgeDescription.tsx
deleted file mode 100644
index 5bcb5b48..00000000
--- a/src/components/Contribute/Knowledge/KnowledgeDescription/KnowledgeDescription.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-import { FormFieldGroupExpandable, FormFieldGroupHeader } from '@patternfly/react-core/dist/dynamic/components/Form';
-import KnowledgeDescriptionContent from './KnowledgeDescriptionContent';
-
-const KnowledgeDescription: React.FC = () => {
-  return (
-    <FormFieldGroupExpandable
-      toggleAriaLabel="Details"
-      header={
-        <FormFieldGroupHeader
-          titleText={{ text: 'Knowledge Description', id: 'knowledge-description' }}
-          titleDescription="What is InstructLab Knowledge?"
-        />
-      }
-    >
-      <KnowledgeDescriptionContent />
-    </FormFieldGroupExpandable>
-  );
-};
-
-export default KnowledgeDescription;
diff --git a/src/components/Contribute/Knowledge/KnowledgeDescription/KnowledgeDescriptionContent.tsx b/src/components/Contribute/Knowledge/KnowledgeDescription/KnowledgeDescriptionContent.tsx
index 329e7db9..05619fc1 100644
--- a/src/components/Contribute/Knowledge/KnowledgeDescription/KnowledgeDescriptionContent.tsx
+++ b/src/components/Contribute/Knowledge/KnowledgeDescription/KnowledgeDescriptionContent.tsx
@@ -6,17 +6,17 @@ const KnowledgeDescriptionContent: React.FunctionComponent = () => {
   return (
     <div>
       <p>
-        Knowledge in InstructLab is represented by question and answer pairs that involve facts, data, or references. This knowledge is represented in
-        the taxonomy tree and each node of this tree contains a qna.yaml file.
-      </p>
-      <div>
+        <b>
+          Knowledge in InstructLab is represented by question and answer pairs that involve facts, data, or references. This knowledge is represented
+          in the taxonomy tree and each node of this tree contains a qna.yaml file.
+        </b>
         <a href="https://github.com/instructlab/taxonomy/blob/main/docs/KNOWLEDGE_GUIDE.md" target="_blank">
-          <Button variant="plain" aria-label="Learn more about what InstructLab Knowledge is">
+          <Button variant="link" aria-label="Learn more about what InstructLab Knowledge is">
             Learn More
             <ExternalLinkAltIcon style={{ padding: '3px' }}></ExternalLinkAltIcon>
           </Button>
         </a>
-      </div>
+      </p>
     </div>
   );
 };
diff --git a/src/components/Contribute/Knowledge/KnowledgeInformation/KnowledgeInformation.tsx b/src/components/Contribute/Knowledge/KnowledgeInformation/KnowledgeInformation.tsx
index 69567fef..5ea76d07 100644
--- a/src/components/Contribute/Knowledge/KnowledgeInformation/KnowledgeInformation.tsx
+++ b/src/components/Contribute/Knowledge/KnowledgeInformation/KnowledgeInformation.tsx
@@ -2,8 +2,16 @@ import React from 'react';
 import { FormFieldGroupExpandable, FormFieldGroupHeader, FormGroup } from '@patternfly/react-core/dist/dynamic/components/Form';
 import { TextInput } from '@patternfly/react-core/dist/dynamic/components/TextInput';
 import { TextArea } from '@patternfly/react-core/dist/dynamic/components/TextArea';
+import { HelperText } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import { HelperTextItem } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/dynamic/icons/exclamation-circle-icon';
+import { ValidatedOptions } from '@patternfly/react-core/dist/esm/helpers/constants';
+import { KnowledgeFormData } from '..';
+import { checkKnowledgeFormCompletion } from '../validation';
 
 interface Props {
+  knowledgeFormData: KnowledgeFormData;
+  setDisableAction: React.Dispatch<React.SetStateAction<boolean>>;
   submissionSummary: string;
   setSubmissionSummary: React.Dispatch<React.SetStateAction<string>>;
   domain: string;
@@ -13,6 +21,8 @@ interface Props {
 }
 
 const KnowledgeInformation: React.FC<Props> = ({
+  knowledgeFormData,
+  setDisableAction,
   submissionSummary,
   setSubmissionSummary,
   domain,
@@ -20,13 +30,57 @@ const KnowledgeInformation: React.FC<Props> = ({
   documentOutline,
   setDocumentOutline
 }) => {
+  const [validDescription, setValidDescription] = React.useState<ValidatedOptions>();
+  const [validDomain, setValidDomain] = React.useState<ValidatedOptions>();
+  const [validOutline, setValidOutline] = React.useState<ValidatedOptions>();
+
+  const validateDescription = (description: string) => {
+    if (description.length > 0 && description.length < 60) {
+      setValidDescription(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidDescription(ValidatedOptions.error);
+    return;
+  };
+
+  const validateDomain = (domain: string) => {
+    if (domain.length > 0) {
+      setValidDomain(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidDomain(ValidatedOptions.error);
+    return;
+  };
+
+  const validateOutline = (outline: string) => {
+    if (outline.length > 40) {
+      setValidOutline(ValidatedOptions.success);
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return;
+    }
+    setDisableAction(true);
+    setValidOutline(ValidatedOptions.error);
+    return;
+  };
+
   return (
     <FormFieldGroupExpandable
       isExpanded
       toggleAriaLabel="Details"
       header={
         <FormFieldGroupHeader
-          titleText={{ text: 'Knowledge Info', id: 'knowledge-info-id' }}
+          titleText={{
+            text: (
+              <p>
+                Knowledge Info <span style={{ color: 'red' }}>*</span>
+              </p>
+            ),
+            id: 'knowledge-info-id'
+          }}
           titleDescription="Provide brief information about the knowledge."
         />
       }
@@ -38,26 +92,55 @@ const KnowledgeInformation: React.FC<Props> = ({
           aria-label="submission_summary"
           placeholder="Enter a brief description for a submission summary (60 character max)"
           value={submissionSummary}
+          validated={validDescription}
           onChange={(_event, value) => setSubmissionSummary(value)}
+          onBlur={() => validateDescription(submissionSummary)}
           maxLength={60}
         />
+        {validDescription === ValidatedOptions.error && (
+          <HelperText>
+            <HelperTextItem icon={<ExclamationCircleIcon />} variant={validDescription}>
+              Description is required and must be less than 60 characters
+            </HelperTextItem>
+          </HelperText>
+        )}
+
         <TextInput
           isRequired
           type="text"
           aria-label="domain"
           placeholder="Enter domain information"
           value={domain}
+          validated={validDomain}
           onChange={(_event, value) => setDomain(value)}
+          onBlur={() => validateDomain(domain)}
         />
+        {validDomain === ValidatedOptions.error && (
+          <HelperText>
+            <HelperTextItem icon={<ExclamationCircleIcon />} variant={validDomain}>
+              Domain is required
+            </HelperTextItem>
+          </HelperText>
+        )}
+
         <TextArea
           isRequired
           type="text"
           aria-label="document_outline"
           placeholder="Enter a detailed document outline (min 40 characters)"
           value={documentOutline}
+          validated={validOutline}
           onChange={(_event, value) => setDocumentOutline(value)}
           minLength={40}
+          onBlur={() => validateOutline(documentOutline)}
         />
+        {validOutline === ValidatedOptions.error && (
+          <HelperText>
+            <HelperTextItem icon={<ExclamationCircleIcon />} variant={validOutline}>
+              Document outline is required and must be at least 40 characters
+            </HelperTextItem>
+          </HelperText>
+        )}
       </FormGroup>
     </FormFieldGroupExpandable>
   );
diff --git a/src/components/Contribute/Knowledge/KnowledgeQuestionAnswerPairs/KnowledgeQuestionAnswerPairs.tsx b/src/components/Contribute/Knowledge/KnowledgeQuestionAnswerPairs/KnowledgeQuestionAnswerPairs.tsx
index 91076ee1..ba13655d 100644
--- a/src/components/Contribute/Knowledge/KnowledgeQuestionAnswerPairs/KnowledgeQuestionAnswerPairs.tsx
+++ b/src/components/Contribute/Knowledge/KnowledgeQuestionAnswerPairs/KnowledgeQuestionAnswerPairs.tsx
@@ -1,87 +1,137 @@
 import React from 'react';
-import { FormFieldGroupExpandable, FormFieldGroupHeader, FormGroup } from '@patternfly/react-core/dist/dynamic/components/Form';
+import { FormFieldGroupExpandable, FormFieldGroupHeader, FormGroup, FormHelperText } from '@patternfly/react-core/dist/dynamic/components/Form';
 import { TextArea } from '@patternfly/react-core/dist/dynamic/components/TextArea';
-import { Text } from '@patternfly/react-core/dist/dynamic/components/Text';
 import { Button } from '@patternfly/react-core/dist/dynamic/components/Button';
-import { PlusIcon, MinusCircleIcon } from '@patternfly/react-icons/dist/dynamic/icons/';
+import { TrashIcon, PlusCircleIcon, ExclamationCircleIcon } from '@patternfly/react-icons/dist/dynamic/icons/';
 import { QuestionAndAnswerPair, SeedExample } from '..';
+import { ValidatedOptions } from '@patternfly/react-core/dist/esm/helpers/constants';
+import { HelperText } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import { HelperTextItem } from '@patternfly/react-core/dist/dynamic/components/HelperText';
 
 interface Props {
-  seedExamples: SeedExample[];
-  handleContextInputChange: (seedExampleIndex: number, contextValue: string) => undefined;
-  handleQuestionInputChange: (seedExampleIndex: number, questionAndAnswerIndex: number, questionValue: string) => undefined;
-  handleAnswerInputChange: (seedExampleIndex: number, questionAndAnswerIndex: number, answerValue: string) => undefined;
-  deleteQuestionAnswerPair: (seedExampleIndex: number, questionAnswerIndex: number) => undefined;
-  addQuestionAnswerPair: (seedExampleIndex: number) => undefined;
-  addSeedExample: () => undefined;
+  seedExample: SeedExample;
+  seedExampleIndex: number;
+  handleContextInputChange: (seedExampleIndex: number, contextValue: string) => void;
+  handleContextBlur: (seedExampleIndex: number) => void;
+  handleQuestionInputChange: (seedExampleIndex: number, questionAndAnswerIndex: number, questionValue: string) => void;
+  handleQuestionBlur: (seedExampleIndex: number, questionAndAnswerIndex: number) => void;
+  handleAnswerInputChange: (seedExampleIndex: number, questionAndAnswerIndex: number, answerValue: string) => void;
+  handleAnswerBlur: (seedExampleIndex: number, questionAndAnswerIndex: number) => void;
+  deleteQuestionAnswerPair: (seedExampleIndex: number, questionAnswerIndex: number) => void;
+  addQuestionAnswerPair: (seedExampleIndex: number) => void;
 }
 
 const KnowledgeQuestionAnswerPairs: React.FC<Props> = ({
-  seedExamples,
+  seedExample,
+  seedExampleIndex,
   handleContextInputChange,
+  handleContextBlur,
   handleQuestionInputChange,
+  handleQuestionBlur,
   handleAnswerInputChange,
+  handleAnswerBlur,
   deleteQuestionAnswerPair,
-  addQuestionAnswerPair,
-  addSeedExample
+  addQuestionAnswerPair
 }) => {
   return (
-    <FormFieldGroupExpandable
-      isExpanded
-      toggleAriaLabel="Details"
-      header={
-        <FormFieldGroupHeader
-          titleText={{ text: 'Seed Examples', id: 'seed-examples-id' }}
-          titleDescription="Add seed examples with context and Q&A pairs"
-        />
-      }
-    >
-      {seedExamples.map((seedExample: SeedExample, seedExampleIndex: number) => (
-        <FormGroup key={seedExampleIndex}>
-          <Text className="heading-k">Knowledge Seed Example {seedExampleIndex + 1}</Text>
-          <TextArea
-            isRequired
-            type="text"
-            aria-label={`Context ${seedExampleIndex + 1}`}
-            placeholder="Enter the context"
-            value={seedExample.context}
-            onChange={(_event, contextValue: string) => handleContextInputChange(seedExampleIndex, contextValue)}
-          />
+    <FormGroup key={seedExampleIndex}>
+      <TextArea
+        key={seedExampleIndex * 10 + 1}
+        isRequired
+        type="text"
+        aria-label={`Context ${seedExampleIndex + 1}`}
+        placeholder="Enter the context from which the Q&A pairs are derived. (500 character max)"
+        maxLength={500}
+        value={seedExample.context}
+        validated={seedExample.isContextValid}
+        onChange={(_event, contextValue: string) => handleContextInputChange(seedExampleIndex, contextValue)}
+        onBlur={() => handleContextBlur(seedExampleIndex)}
+      />
+      {seedExample.isContextValid === ValidatedOptions.error && (
+        <FormHelperText key={seedExampleIndex * 10 + 2}>
+          <HelperText>
+            <HelperTextItem icon={<ExclamationCircleIcon />} variant={seedExample.isContextValid}>
+              Context is required. It must be non empty and less than 500 characters.
+            </HelperTextItem>
+          </HelperText>
+        </FormHelperText>
+      )}
 
-          {seedExample.questionAndAnswers.map((questionAndAnswerPair: QuestionAndAnswerPair, questionAnswerIndex) => (
-            <React.Fragment key={questionAnswerIndex}>
-              <TextArea
-                isRequired
-                type="text"
-                aria-label={`Question ${seedExampleIndex + 1}-${questionAnswerIndex + 1}`}
-                placeholder={`Enter question ${questionAnswerIndex + 1}`}
-                value={questionAndAnswerPair.question}
-                onChange={(_event, questionValue) => handleQuestionInputChange(seedExampleIndex, questionAnswerIndex, questionValue)}
-              />
-              <TextArea
-                isRequired
-                type="text"
-                aria-label={`Answer ${seedExampleIndex + 1}-${questionAnswerIndex + 1}`}
-                placeholder={`Enter answer ${questionAnswerIndex + 1}`}
-                value={questionAndAnswerPair.answer}
-                onChange={(_event, answerValue) => handleAnswerInputChange(seedExampleIndex, questionAnswerIndex, answerValue)}
-              />
-              <Button variant="danger" onClick={() => deleteQuestionAnswerPair(seedExampleIndex, questionAnswerIndex)}>
-                <MinusCircleIcon /> Delete Question and Answer
-              </Button>
-            </React.Fragment>
-          ))}
-          <div style={{ marginTop: '10px', marginBottom: '20px' }}>
-            <Button variant="primary" onClick={() => addQuestionAnswerPair(seedExampleIndex)}>
-              <PlusIcon /> Add Question and Answer
-            </Button>
-          </div>
-        </FormGroup>
+      {seedExample.questionAndAnswers.map((questionAndAnswerPair: QuestionAndAnswerPair, questionAnswerIndex) => (
+        <FormFieldGroupExpandable
+          isExpanded
+          toggleAriaLabel="ContextDetails"
+          key={seedExampleIndex * 100 + questionAnswerIndex * 10 + 0}
+          header={
+            <FormFieldGroupHeader
+              titleText={{
+                text: (
+                  <p>
+                    Q&A Pair {questionAnswerIndex + 1} {questionAndAnswerPair.immutable && <span style={{ color: 'red' }}>*</span>}
+                  </p>
+                ),
+                id: 'nested-field-group1-titleText-id'
+              }}
+              actions={
+                !seedExample.questionAndAnswers[questionAnswerIndex].immutable && (
+                  <Button variant="plain" aria-label="Remove" onClick={() => deleteQuestionAnswerPair(seedExampleIndex, questionAnswerIndex)}>
+                    <TrashIcon />
+                  </Button>
+                )
+              }
+            />
+          }
+        >
+          <React.Fragment key={questionAnswerIndex}>
+            <TextArea
+              key={seedExampleIndex * 100 + questionAnswerIndex * 10 + 1}
+              isRequired
+              type="text"
+              aria-label={`Question ${seedExampleIndex + 1}-${questionAnswerIndex + 1}`}
+              placeholder={`Enter question ${questionAnswerIndex + 1}`}
+              value={questionAndAnswerPair.question}
+              validated={questionAndAnswerPair.isQuestionValid}
+              onChange={(_event, questionValue) => handleQuestionInputChange(seedExampleIndex, questionAnswerIndex, questionValue)}
+              onBlur={() => handleQuestionBlur(seedExampleIndex, questionAnswerIndex)}
+            />
+            {seedExample.questionAndAnswers[questionAnswerIndex].isQuestionValid === ValidatedOptions.error && (
+              <FormHelperText key={seedExampleIndex * 100 + questionAnswerIndex * 10 + 2}>
+                <HelperText>
+                  <HelperTextItem icon={<ExclamationCircleIcon />} variant={seedExample.questionAndAnswers[questionAnswerIndex].isQuestionValid}>
+                    Question is required. Total length of all Q&A pairs should be less than 250 characters.
+                  </HelperTextItem>
+                </HelperText>
+              </FormHelperText>
+            )}
+            <TextArea
+              key={seedExampleIndex * 100 + questionAnswerIndex * 10 + 3}
+              isRequired
+              type="text"
+              aria-label={`Answer ${seedExampleIndex + 1}-${questionAnswerIndex + 1}`}
+              placeholder={`Enter answer ${questionAnswerIndex + 1}`}
+              value={questionAndAnswerPair.answer}
+              validated={questionAndAnswerPair.isAnswerValid}
+              onChange={(_event, answerValue) => handleAnswerInputChange(seedExampleIndex, questionAnswerIndex, answerValue)}
+              onBlur={() => handleAnswerBlur(seedExampleIndex, questionAnswerIndex)}
+            />
+            {seedExample.questionAndAnswers[questionAnswerIndex].isAnswerValid === ValidatedOptions.error && (
+              <FormHelperText key={seedExampleIndex * 100 + questionAnswerIndex * 10 + 4}>
+                <HelperText>
+                  <HelperTextItem icon={<ExclamationCircleIcon />} variant={seedExample.questionAndAnswers[questionAnswerIndex].isAnswerValid}>
+                    Answer is required. Total length of all Q&A pairs should be less than 250 characters.
+                  </HelperTextItem>
+                </HelperText>
+              </FormHelperText>
+            )}
+          </React.Fragment>
+        </FormFieldGroupExpandable>
       ))}
-      <Button variant="primary" onClick={addSeedExample}>
-        <PlusIcon /> Add Knowledge Seed Example
-      </Button>
-    </FormFieldGroupExpandable>
+      <div style={{ marginTop: '10px', marginBottom: '20px', textAlign: 'right' }}>
+        <Button variant="link" onClick={() => addQuestionAnswerPair(seedExampleIndex)}>
+          <PlusCircleIcon /> Add Q&A Pair
+        </Button>
+      </div>
+    </FormGroup>
   );
 };
 
diff --git a/src/components/Contribute/Knowledge/KnowledgeSeedExample/KnowledgeSeedExample.tsx b/src/components/Contribute/Knowledge/KnowledgeSeedExample/KnowledgeSeedExample.tsx
new file mode 100644
index 00000000..6952bfda
--- /dev/null
+++ b/src/components/Contribute/Knowledge/KnowledgeSeedExample/KnowledgeSeedExample.tsx
@@ -0,0 +1,100 @@
+import React from 'react';
+import { FormFieldGroupExpandable, FormFieldGroupHeader } from '@patternfly/react-core/dist/dynamic/components/Form';
+import { Button } from '@patternfly/react-core/dist/dynamic/components/Button';
+import { TrashIcon, PlusCircleIcon } from '@patternfly/react-icons/dist/dynamic/icons/';
+import KnowledgeQuestionAnswerPairs from '../KnowledgeQuestionAnswerPairs/KnowledgeQuestionAnswerPairs';
+import { SeedExample } from '..';
+
+interface Props {
+  seedExamples: SeedExample[];
+  handleContextInputChange: (seedExampleIndex: number, contextValue: string) => void;
+  handleContextBlur: (seedExampleIndex: number) => void;
+  handleQuestionInputChange: (seedExampleIndex: number, questionAndAnswerIndex: number, questionValue: string) => void;
+  handleQuestionBlur: (seedExampleIndex: number, questionAndAnswerIndex: number) => void;
+  handleAnswerInputChange: (seedExampleIndex: number, questionAndAnswerIndex: number, answerValue: string) => void;
+  handleAnswerBlur: (seedExampleIndex: number, questionAndAnswerIndex: number) => void;
+  deleteQuestionAnswerPair: (seedExampleIndex: number, questionAnswerIndex: number) => void;
+  addQuestionAnswerPair: (seedExampleIndex: number) => void;
+  addSeedExample: () => void;
+  deleteSeedExample: (seedExampleIndex: number) => void;
+}
+
+const KnowledgeSeedExample: React.FC<Props> = ({
+  seedExamples,
+  handleContextInputChange,
+  handleContextBlur,
+  handleQuestionInputChange,
+  handleQuestionBlur,
+  handleAnswerInputChange,
+  handleAnswerBlur,
+  deleteQuestionAnswerPair,
+  addQuestionAnswerPair,
+  addSeedExample,
+  deleteSeedExample
+}) => {
+  return (
+    <FormFieldGroupExpandable
+      isExpanded
+      toggleAriaLabel="Details"
+      header={
+        <FormFieldGroupHeader
+          titleText={{
+            text: (
+              <p>
+                Seed Examples <span style={{ color: 'red' }}>*</span>
+              </p>
+            ),
+            id: 'seed-examples-id'
+          }}
+          titleDescription="Add seed examples with context and Q&A pairs. Minimum 5 seed examples are required."
+        />
+      }
+    >
+      {seedExamples.map((seedExample: SeedExample, seedExampleIndex: number) => (
+        <FormFieldGroupExpandable
+          isExpanded={seedExample.isExpanded}
+          toggleAriaLabel="Details"
+          key={seedExampleIndex}
+          header={
+            <FormFieldGroupHeader
+              titleText={{
+                text: (
+                  <p>
+                    Knowledge Seed Example {seedExampleIndex + 1} {seedExample.immutable && <span style={{ color: 'red' }}>*</span>}
+                  </p>
+                ),
+                id: 'nested-field-group1-titleText-id'
+              }}
+              titleDescription="Please enter context and at least 3 Q&A pairs for the seed example."
+              actions={
+                !seedExample.immutable && (
+                  <Button variant="plain" aria-label="Remove" onClick={() => deleteSeedExample(seedExampleIndex)}>
+                    <TrashIcon />
+                  </Button>
+                )
+              }
+            />
+          }
+        >
+          <KnowledgeQuestionAnswerPairs
+            seedExample={seedExample}
+            seedExampleIndex={seedExampleIndex}
+            handleContextInputChange={handleContextInputChange}
+            handleContextBlur={handleContextBlur}
+            handleQuestionInputChange={handleQuestionInputChange}
+            handleQuestionBlur={handleQuestionBlur}
+            handleAnswerInputChange={handleAnswerInputChange}
+            handleAnswerBlur={handleAnswerBlur}
+            deleteQuestionAnswerPair={deleteQuestionAnswerPair}
+            addQuestionAnswerPair={addQuestionAnswerPair}
+          />
+        </FormFieldGroupExpandable>
+      ))}
+      <Button variant="link" onClick={addSeedExample}>
+        <PlusCircleIcon /> Add Seed Example
+      </Button>
+    </FormFieldGroupExpandable>
+  );
+};
+
+export default KnowledgeSeedExample;
diff --git a/src/components/Contribute/Knowledge/Submit/Submit.tsx b/src/components/Contribute/Knowledge/Submit/Submit.tsx
index 94bb6904..9188cb5f 100644
--- a/src/components/Contribute/Knowledge/Submit/Submit.tsx
+++ b/src/components/Contribute/Knowledge/Submit/Submit.tsx
@@ -6,15 +6,16 @@ import { dumpYaml } from '@/utils/yamlConfig';
 import { validateFields } from '../validation';
 
 interface Props {
+  disableAction: boolean;
   knowledgeFormData: KnowledgeFormData;
   setActionGroupAlertContent: React.Dispatch<React.SetStateAction<ActionGroupAlertContent | undefined>>;
   githubUsername: string | undefined;
-  resetForm: () => undefined;
+  resetForm: () => void;
 }
 
 // temporary location of these validation functions. Once the Skills form has been refactored then these can be moved out to the utils file.
 
-const Submit: React.FC<Props> = ({ knowledgeFormData, setActionGroupAlertContent, githubUsername, resetForm }) => {
+const Submit: React.FC<Props> = ({ disableAction, knowledgeFormData, setActionGroupAlertContent, githubUsername, resetForm }) => {
   const handleSubmit = async (event: React.FormEvent<HTMLButtonElement>) => {
     event.preventDefault();
     if (!validateFields(knowledgeFormData, setActionGroupAlertContent)) return;
@@ -93,7 +94,7 @@ const Submit: React.FC<Props> = ({ knowledgeFormData, setActionGroupAlertContent
     resetForm();
   };
   return (
-    <Button variant="primary" type="submit" onClick={handleSubmit}>
+    <Button variant="primary" type="submit" isDisabled={disableAction} onClick={handleSubmit}>
       Submit Knowledge
     </Button>
   );
diff --git a/src/components/Contribute/Knowledge/index.tsx b/src/components/Contribute/Knowledge/index.tsx
index 023764c1..bb09f9d0 100644
--- a/src/components/Contribute/Knowledge/index.tsx
+++ b/src/components/Contribute/Knowledge/index.tsx
@@ -3,7 +3,7 @@
 import React, { useEffect, useState } from 'react';
 import './knowledge.css';
 import { Alert, AlertActionCloseButton } from '@patternfly/react-core/dist/dynamic/components/Alert';
-import { ActionGroup, FormFieldGroupHeader } from '@patternfly/react-core/dist/dynamic/components/Form';
+import { ActionGroup } from '@patternfly/react-core/dist/dynamic/components/Form';
 import { Button } from '@patternfly/react-core/dist/dynamic/components/Button';
 import { Form } from '@patternfly/react-core/dist/dynamic/components/Form';
 import { CodeIcon } from '@patternfly/react-icons/dist/dynamic/icons/';
@@ -12,24 +12,39 @@ import { useSession } from 'next-auth/react';
 import YamlCodeModal from '../../YamlCodeModal';
 import { SchemaVersion, KnowledgeYamlData } from '@/types';
 import { dumpYaml } from '@/utils/yamlConfig';
-import KnowledgeDescription from './KnowledgeDescription/KnowledgeDescription';
 import AuthorInformation from './AuthorInformation/AuthorInformation';
 import KnowledgeInformation from './KnowledgeInformation/KnowledgeInformation';
 import FilePathInformation from './FilePathInformation/FilePathInformation';
-import KnowledgeQuestionAnswerPairs from './KnowledgeQuestionAnswerPairs/KnowledgeQuestionAnswerPairs';
 import DocumentInformation from './DocumentInformation/DocumentInformation';
 import AttributionInformation from './AttributionInformation/AttributionInformation';
 import Submit from './Submit/Submit';
 import DownloadYaml from './DownloadYaml/DownloadYaml';
 import DownloadAttribution from './DownloadAttribution/DownloadAttribution';
+import { Breadcrumb } from '@patternfly/react-core/dist/dynamic/components/Breadcrumb';
+import { BreadcrumbItem } from '@patternfly/react-core/dist/dynamic/components/Breadcrumb';
+import { PageBreadcrumb } from '@patternfly/react-core/dist/dynamic/components/Page';
+import { PageGroup } from '@patternfly/react-core/dist/dynamic/components/Page';
+import { PageSection } from '@patternfly/react-core/dist/dynamic/components/Page';
+import { TextContent } from '@patternfly/react-core/dist/dynamic/components/Text';
+import { Title } from '@patternfly/react-core/dist/dynamic/components/Title';
+import KnowledgeDescriptionContent from './KnowledgeDescription/KnowledgeDescriptionContent';
+import KnowledgeSeedExample from './KnowledgeSeedExample/KnowledgeSeedExample';
+import { checkKnowledgeFormCompletion } from './validation';
+import { ValidatedOptions } from '@patternfly/react-core/dist/esm/helpers/constants';
 
 export interface QuestionAndAnswerPair {
+  immutable: boolean;
   question: string;
+  isQuestionValid: ValidatedOptions;
   answer: string;
+  isAnswerValid: ValidatedOptions;
 }
 
 export interface SeedExample {
+  immutable: boolean;
+  isExpanded: boolean;
   context: string;
+  isContextValid: ValidatedOptions;
   questionAndAnswers: QuestionAndAnswerPair[];
 }
 
@@ -93,28 +108,73 @@ export const KnowledgeForm: React.FunctionComponent = () => {
   // State
 
   const emptySeedExample: SeedExample = {
+    immutable: true,
+    isExpanded: false,
     context: '',
+    isContextValid: ValidatedOptions.default,
     questionAndAnswers: [
       {
+        immutable: true,
         question: '',
-        answer: ''
+        isQuestionValid: ValidatedOptions.default,
+        answer: '',
+        isAnswerValid: ValidatedOptions.default
       },
       {
+        immutable: true,
         question: '',
-        answer: ''
+        isQuestionValid: ValidatedOptions.default,
+        answer: '',
+        isAnswerValid: ValidatedOptions.default
       },
       {
+        immutable: true,
         question: '',
-        answer: ''
+        isQuestionValid: ValidatedOptions.default,
+        answer: '',
+        isAnswerValid: ValidatedOptions.default
       }
     ]
   };
 
-  const [seedExamples, setSeedExamples] = useState<SeedExample[]>([emptySeedExample]);
+  const [seedExamples, setSeedExamples] = useState<SeedExample[]>([
+    emptySeedExample,
+    emptySeedExample,
+    emptySeedExample,
+    emptySeedExample,
+    emptySeedExample
+  ]);
 
   // Functions
 
-  const handleContextInputChange = (seedExampleIndex: number, contextValue: string): undefined => {
+  const validateContext = (context: string): ValidatedOptions => {
+    if (context.length > 0 && context.length < 500) {
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return ValidatedOptions.success;
+    }
+    setDisableAction(true);
+    return ValidatedOptions.error;
+  };
+
+  const validateQuestion = (question: string): ValidatedOptions => {
+    if (question.length > 0 && question.length < 250) {
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return ValidatedOptions.success;
+    }
+    setDisableAction(true);
+    return ValidatedOptions.error;
+  };
+
+  const validateAnswer = (answer: string): ValidatedOptions => {
+    if (answer.length > 0 && answer.length < 250) {
+      setDisableAction(!checkKnowledgeFormCompletion(knowledgeFormData));
+      return ValidatedOptions.success;
+    }
+    setDisableAction(true);
+    return ValidatedOptions.error;
+  };
+
+  const handleContextInputChange = (seedExampleIndex: number, contextValue: string): void => {
     setSeedExamples(
       seedExamples.map((seedExample: SeedExample, index: number) =>
         index === seedExampleIndex
@@ -127,7 +187,20 @@ export const KnowledgeForm: React.FunctionComponent = () => {
     );
   };
 
-  const handleQuestionInputChange = (seedExampleIndex: number, questionAndAnswerIndex: number, questionValue: string): undefined => {
+  const handleContextBlur = (seedExampleIndex: number): void => {
+    setSeedExamples(
+      seedExamples.map((seedExample: SeedExample, index: number) =>
+        index === seedExampleIndex
+          ? {
+              ...seedExample,
+              isContextValid: validateContext(seedExample.context)
+            }
+          : seedExample
+      )
+    );
+  };
+
+  const handleQuestionInputChange = (seedExampleIndex: number, questionAndAnswerIndex: number, questionValue: string): void => {
     setSeedExamples(
       seedExamples.map((seedExample: SeedExample, index: number) =>
         index === seedExampleIndex
@@ -147,7 +220,27 @@ export const KnowledgeForm: React.FunctionComponent = () => {
     );
   };
 
-  const handleAnswerInputChange = (seedExampleIndex: number, questionAndAnswerIndex: number, answerValue: string): undefined => {
+  const handleQuestionBlur = (seedExampleIndex: number, questionAndAnswerIndex: number): void => {
+    setSeedExamples(
+      seedExamples.map((seedExample: SeedExample, index: number) =>
+        index === seedExampleIndex
+          ? {
+              ...seedExample,
+              questionAndAnswers: seedExample.questionAndAnswers.map((questionAndAnswerPair: QuestionAndAnswerPair, index: number) =>
+                index === questionAndAnswerIndex
+                  ? {
+                      ...questionAndAnswerPair,
+                      isQuestionValid: validateQuestion(questionAndAnswerPair.question)
+                    }
+                  : questionAndAnswerPair
+              )
+            }
+          : seedExample
+      )
+    );
+  };
+
+  const handleAnswerInputChange = (seedExampleIndex: number, questionAndAnswerIndex: number, answerValue: string): void => {
     setSeedExamples(
       seedExamples.map((seedExample: SeedExample, index: number) =>
         index === seedExampleIndex
@@ -167,10 +260,33 @@ export const KnowledgeForm: React.FunctionComponent = () => {
     );
   };
 
-  const addQuestionAnswerPair = (seedExampleIndex: number): undefined => {
+  const handleAnswerBlur = (seedExampleIndex: number, questionAndAnswerIndex: number): void => {
+    setSeedExamples(
+      seedExamples.map((seedExample: SeedExample, index: number) =>
+        index === seedExampleIndex
+          ? {
+              ...seedExample,
+              questionAndAnswers: seedExample.questionAndAnswers.map((questionAndAnswerPair: QuestionAndAnswerPair, index: number) =>
+                index === questionAndAnswerIndex
+                  ? {
+                      ...questionAndAnswerPair,
+                      isAnswerValid: validateAnswer(questionAndAnswerPair.answer)
+                    }
+                  : questionAndAnswerPair
+              )
+            }
+          : seedExample
+      )
+    );
+  };
+
+  const addQuestionAnswerPair = (seedExampleIndex: number): void => {
     const newQuestionAnswerPair: QuestionAndAnswerPair = {
+      immutable: false,
       question: '',
-      answer: ''
+      isQuestionValid: ValidatedOptions.default,
+      answer: '',
+      isAnswerValid: ValidatedOptions.default
     };
     setSeedExamples(
       seedExamples.map((seedExample: SeedExample, index: number) =>
@@ -184,7 +300,7 @@ export const KnowledgeForm: React.FunctionComponent = () => {
     );
   };
 
-  const deleteQuestionAnswerPair = (seedExampleIndex: number, questionAnswerIndex: number): undefined => {
+  const deleteQuestionAnswerPair = (seedExampleIndex: number, questionAnswerIndex: number): void => {
     setSeedExamples(
       seedExamples.map((seedExample: SeedExample, index: number) =>
         index === seedExampleIndex
@@ -197,8 +313,15 @@ export const KnowledgeForm: React.FunctionComponent = () => {
     );
   };
 
-  const addSeedExample = (): undefined => {
-    setSeedExamples([...seedExamples, emptySeedExample]);
+  const addSeedExample = (): void => {
+    const seedExample = emptySeedExample;
+    seedExample.immutable = false;
+    seedExample.isExpanded = true;
+    setSeedExamples([...seedExamples, seedExample]);
+  };
+
+  const deleteSeedExample = (seedExampleIndex: number): void => {
+    setSeedExamples(seedExamples.filter((_, index: number) => index !== seedExampleIndex));
   };
 
   // Document Information
@@ -230,11 +353,11 @@ export const KnowledgeForm: React.FunctionComponent = () => {
   // break
 
   const [uploadedFiles, setUploadedFiles] = useState<File[]>([]);
-
+  const [disableAction, setDisableAction] = useState<boolean>(true);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [yamlContent, setYamlContent] = useState('');
 
-  const resetForm = (): undefined => {
+  const resetForm = (): void => {
     setEmail('');
     setName('');
     setDocumentOutline('');
@@ -250,7 +373,8 @@ export const KnowledgeForm: React.FunctionComponent = () => {
     setRevision('');
     setUploadedFiles([]);
     setFilePath('');
-    setSeedExamples([emptySeedExample]);
+    setSeedExamples([emptySeedExample, emptySeedExample, emptySeedExample, emptySeedExample, emptySeedExample]);
+    setDisableAction(true);
   };
 
   const handleViewYaml = () => {
@@ -297,95 +421,137 @@ export const KnowledgeForm: React.FunctionComponent = () => {
   };
 
   return (
-    <Form className="form-k">
-      <YamlCodeModal isModalOpen={isModalOpen} handleModalToggle={() => setIsModalOpen(!isModalOpen)} yamlContent={yamlContent} />
-      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-        <FormFieldGroupHeader titleText={{ text: 'Knowledge Contribution Form', id: 'knowledge-contribution-form-id' }} />
-        <Button variant="plain" onClick={handleViewYaml} aria-label="View YAML">
-          <CodeIcon /> View YAML
-        </Button>
-      </div>
-
-      <KnowledgeDescription />
-
-      <AuthorInformation email={email} setEmail={setEmail} name={name} setName={setName} />
-
-      <KnowledgeInformation
-        submissionSummary={submissionSummary}
-        setSubmissionSummary={setSubmissionSummary}
-        domain={domain}
-        setDomain={setDomain}
-        documentOutline={documentOutline}
-        setDocumentOutline={setDocumentOutline}
-      />
-
-      <FilePathInformation setFilePath={setFilePath} />
-
-      <KnowledgeQuestionAnswerPairs
-        seedExamples={seedExamples}
-        handleContextInputChange={handleContextInputChange}
-        handleQuestionInputChange={handleQuestionInputChange}
-        handleAnswerInputChange={handleAnswerInputChange}
-        deleteQuestionAnswerPair={deleteQuestionAnswerPair}
-        addQuestionAnswerPair={addQuestionAnswerPair}
-        addSeedExample={addSeedExample}
-      />
-
-      <DocumentInformation
-        knowledgeDocumentRepositoryUrl={knowledgeDocumentRepositoryUrl}
-        setKnowledgeDocumentRepositoryUrl={setKnowledgeDocumentRepositoryUrl}
-        knowledgeDocumentCommit={knowledgeDocumentCommit}
-        setKnowledgeDocumentCommit={setKnowledgeDocumentCommit}
-        documentName={documentName}
-        setDocumentName={setDocumentName}
-        uploadedFiles={uploadedFiles}
-        setUploadedFiles={setUploadedFiles}
-      />
-
-      <AttributionInformation
-        titleWork={titleWork}
-        setTitleWork={setTitleWork}
-        linkWork={linkWork}
-        setLinkWork={setLinkWork}
-        revision={revision}
-        setRevision={setRevision}
-        licenseWork={licenseWork}
-        setLicenseWork={setLicenseWork}
-        creators={creators}
-        setCreators={setCreators}
-      />
-
-      {actionGroupAlertContent && (
-        <Alert
-          variant={actionGroupAlertContent.success ? 'success' : 'danger'}
-          title={actionGroupAlertContent.title}
-          timeout={10000}
-          onTimeout={onCloseActionGroupAlert}
-          actionClose={<AlertActionCloseButton onClose={onCloseActionGroupAlert} />}
-        >
-          <p>
-            {actionGroupAlertContent.message}
-            <br />
-            {actionGroupAlertContent.success && actionGroupAlertContent.url && actionGroupAlertContent.url.trim().length > 0 && (
-              <a href={actionGroupAlertContent.url} target="_blank" rel="noreferrer">
-                View your pull request
-              </a>
+    <>
+      <PageGroup>
+        <PageBreadcrumb>
+          <Breadcrumb>
+            <BreadcrumbItem to="/"> Home </BreadcrumbItem>
+            <BreadcrumbItem isActive>Knowledge Contribution</BreadcrumbItem>
+          </Breadcrumb>
+        </PageBreadcrumb>
+        <PageSection>
+          <Title headingLevel="h1" size="2xl">
+            Knowledge Contribution
+          </Title>
+          <TextContent>
+            <KnowledgeDescriptionContent />
+          </TextContent>
+          <Form className="form-k">
+            <YamlCodeModal isModalOpen={isModalOpen} handleModalToggle={() => setIsModalOpen(!isModalOpen)} yamlContent={yamlContent} />
+            <div style={{ display: 'flex', justifyContent: 'right', alignItems: 'right' }}>
+              <Button variant="link" onClick={handleViewYaml} aria-label="View YAML">
+                <CodeIcon /> View YAML
+              </Button>
+            </div>
+
+            <AuthorInformation
+              knowledgeFormData={knowledgeFormData}
+              setDisableAction={setDisableAction}
+              email={email}
+              setEmail={setEmail}
+              name={name}
+              setName={setName}
+            />
+
+            <KnowledgeInformation
+              knowledgeFormData={knowledgeFormData}
+              setDisableAction={setDisableAction}
+              submissionSummary={submissionSummary}
+              setSubmissionSummary={setSubmissionSummary}
+              domain={domain}
+              setDomain={setDomain}
+              documentOutline={documentOutline}
+              setDocumentOutline={setDocumentOutline}
+            />
+
+            <FilePathInformation setFilePath={setFilePath} />
+
+            <KnowledgeSeedExample
+              seedExamples={seedExamples}
+              handleContextInputChange={handleContextInputChange}
+              handleContextBlur={handleContextBlur}
+              handleQuestionInputChange={handleQuestionInputChange}
+              handleQuestionBlur={handleQuestionBlur}
+              handleAnswerInputChange={handleAnswerInputChange}
+              handleAnswerBlur={handleAnswerBlur}
+              deleteQuestionAnswerPair={deleteQuestionAnswerPair}
+              addQuestionAnswerPair={addQuestionAnswerPair}
+              addSeedExample={addSeedExample}
+              deleteSeedExample={deleteSeedExample}
+            />
+
+            <DocumentInformation
+              knowledgeFormData={knowledgeFormData}
+              setDisableAction={setDisableAction}
+              knowledgeDocumentRepositoryUrl={knowledgeDocumentRepositoryUrl}
+              setKnowledgeDocumentRepositoryUrl={setKnowledgeDocumentRepositoryUrl}
+              knowledgeDocumentCommit={knowledgeDocumentCommit}
+              setKnowledgeDocumentCommit={setKnowledgeDocumentCommit}
+              documentName={documentName}
+              setDocumentName={setDocumentName}
+              uploadedFiles={uploadedFiles}
+              setUploadedFiles={setUploadedFiles}
+            />
+
+            <AttributionInformation
+              knowledgeFormData={knowledgeFormData}
+              setDisableAction={setDisableAction}
+              titleWork={titleWork}
+              setTitleWork={setTitleWork}
+              linkWork={linkWork}
+              setLinkWork={setLinkWork}
+              revision={revision}
+              setRevision={setRevision}
+              licenseWork={licenseWork}
+              setLicenseWork={setLicenseWork}
+              creators={creators}
+              setCreators={setCreators}
+            />
+
+            {actionGroupAlertContent && (
+              <Alert
+                variant={actionGroupAlertContent.success ? 'success' : 'danger'}
+                title={actionGroupAlertContent.title}
+                timeout={10000}
+                onTimeout={onCloseActionGroupAlert}
+                actionClose={<AlertActionCloseButton onClose={onCloseActionGroupAlert} />}
+              >
+                <p>
+                  {actionGroupAlertContent.message}
+                  <br />
+                  {actionGroupAlertContent.success && actionGroupAlertContent.url && actionGroupAlertContent.url.trim().length > 0 && (
+                    <a href={actionGroupAlertContent.url} target="_blank" rel="noreferrer">
+                      View your pull request
+                    </a>
+                  )}
+                </p>
+              </Alert>
             )}
-          </p>
-        </Alert>
-      )}
-
-      <ActionGroup>
-        <Submit
-          knowledgeFormData={knowledgeFormData}
-          setActionGroupAlertContent={setActionGroupAlertContent}
-          githubUsername={githubUsername}
-          resetForm={resetForm}
-        />
-        <DownloadYaml knowledgeFormData={knowledgeFormData} setActionGroupAlertContent={setActionGroupAlertContent} githubUsername={githubUsername} />
-        <DownloadAttribution knowledgeFormData={knowledgeFormData} setActionGroupAlertContent={setActionGroupAlertContent} />
-      </ActionGroup>
-    </Form>
+
+            <ActionGroup>
+              <Submit
+                disableAction={disableAction}
+                knowledgeFormData={knowledgeFormData}
+                setActionGroupAlertContent={setActionGroupAlertContent}
+                githubUsername={githubUsername}
+                resetForm={resetForm}
+              />
+              <DownloadYaml
+                disableAction={disableAction}
+                knowledgeFormData={knowledgeFormData}
+                setActionGroupAlertContent={setActionGroupAlertContent}
+                githubUsername={githubUsername}
+              />
+              <DownloadAttribution
+                disableAction={disableAction}
+                knowledgeFormData={knowledgeFormData}
+                setActionGroupAlertContent={setActionGroupAlertContent}
+              />
+            </ActionGroup>
+          </Form>
+        </PageSection>
+      </PageGroup>
+    </>
   );
 };
 
diff --git a/src/components/Contribute/Knowledge/validation.tsx b/src/components/Contribute/Knowledge/validation.tsx
index 4f751b4d..1be54278 100644
--- a/src/components/Contribute/Knowledge/validation.tsx
+++ b/src/components/Contribute/Knowledge/validation.tsx
@@ -20,6 +20,18 @@ const hasDuplicateSeedExamples = (seedExamples: SeedExample[]): boolean => {
   return false;
 };
 
+// Validate that the total length of all the question and answer pairs in a seed example is not more than 250 characters
+const validateQuestionAndAnswerPairs = (seedExample: SeedExample): { success: boolean; currLength: number } => {
+  const totalLength = seedExample.questionAndAnswers.reduce((acc, questionAndAnswerPair) => {
+    return acc + questionAndAnswerPair.question.length + questionAndAnswerPair.answer.length;
+  }, 0);
+
+  if (totalLength > 250) {
+    return { success: false, currLength: totalLength };
+  }
+  return { success: true, currLength: totalLength };
+};
+
 export const validateFields = (
   knowledgeFormData: KnowledgeFormData,
   setActionGroupAlertContent: React.Dispatch<React.SetStateAction<ActionGroupAlertContent | undefined>>
@@ -38,7 +50,6 @@ export const validateFields = (
   }
 
   //   Validate email only if email has been entered
-
   if (knowledgeFormData.email && !validateEmail(knowledgeFormData.email!)) {
     const actionGroupAlertContent: ActionGroupAlertContent = {
       title: `Email address issue!`,
@@ -49,9 +60,32 @@ export const validateFields = (
     return false;
   }
 
-  //   checking for seedExample duplication
+  if (knowledgeFormData.seedExamples.length < 5) {
+    const actionGroupAlertContent: ActionGroupAlertContent = {
+      title: `Seed examples issue!`,
+      message: `Please provide at least 5 seed examples.`,
+      success: false
+    };
+    setActionGroupAlertContent(actionGroupAlertContent);
+    return false;
+  }
 
+  // Check that each seed example has at least 3 question and answer pairs
+  for (let index = 0; index < knowledgeFormData.seedExamples.length; index++) {
+    if (knowledgeFormData.seedExamples[index].questionAndAnswers.length < 3) {
+      const actionGroupAlertContent: ActionGroupAlertContent = {
+        title: `Seed example ${index + 1} has an issue!`,
+        message: `Please provide at least 3 question and answer pairs.`,
+        success: false
+      };
+      setActionGroupAlertContent(actionGroupAlertContent);
+      return false;
+    }
+  }
+
+  //   checking for seedExample duplication
   if (hasDuplicateSeedExamples(knowledgeFormData.seedExamples)) {
+    console.log('duplicate seed examples');
     const actionGroupAlertContent: ActionGroupAlertContent = {
       title: `Seed example issue!`,
       message: `There is duplicated context. Please provide unique contexts`,
@@ -61,6 +95,30 @@ export const validateFields = (
     return false;
   }
 
+  //  checking for question and answer pairs length
+  for (let index = 0; index < knowledgeFormData.seedExamples.length; index++) {
+    const { success, currLength: length } = validateQuestionAndAnswerPairs(knowledgeFormData.seedExamples[index]);
+    if (!success) {
+      const actionGroupAlertContent: ActionGroupAlertContent = {
+        title: `Seed example ${index} has an issue!`,
+        message: `Total size of the Q&A pairs should not exceed 250 characters (current size ${length}). Please provide shorter Q&A pairs.`,
+        success: false
+      };
+      setActionGroupAlertContent(actionGroupAlertContent);
+      return false;
+    }
+  }
+
+  if (knowledgeFormData.documentOutline && knowledgeFormData.documentOutline.length < 40) {
+    const actionGroupAlertContent: ActionGroupAlertContent = {
+      title: `Document outline issue!`,
+      message: `Document outline should be at least 40 characters long.`,
+      success: false
+    };
+    setActionGroupAlertContent(actionGroupAlertContent);
+    return false;
+  }
+
   const actionGroupAlertContent: ActionGroupAlertContent = {
     title: `Data entry success`,
     message: `All fields completed successfully`,
@@ -69,3 +127,33 @@ export const validateFields = (
   setActionGroupAlertContent(actionGroupAlertContent);
   return true;
 };
+
+export const checkKnowledgeFormCompletion = (knowledgeFormData: KnowledgeFormData): boolean => {
+  // Helper function to check if a value is non-empty
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const isNonEmpty = (value: any): boolean => {
+    console.log(value);
+    if (Array.isArray(value)) {
+      return value.every((item) => isNonEmpty(item));
+    }
+    if (typeof value === 'object') {
+      return checkObject(value);
+    }
+    return value !== undefined && value !== null && value !== '';
+  };
+
+  // Function to check if an object has all non-empty values
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const checkObject = (obj: Record<string, any>): boolean => {
+    return Object.keys(obj).every((key) => {
+      const value = obj[key];
+      if (typeof value === 'object' && !Array.isArray(value)) {
+        return checkObject(value); // Recursively check nested objects
+      } else {
+        return isNonEmpty(value);
+      }
+    });
+  };
+
+  return checkObject(knowledgeFormData);
+};
diff --git a/src/components/PathService/PathService.tsx b/src/components/PathService/PathService.tsx
index 8e71abb0..48fc9b34 100644
--- a/src/components/PathService/PathService.tsx
+++ b/src/components/PathService/PathService.tsx
@@ -3,7 +3,11 @@ import React, { useState, useEffect, useRef } from 'react';
 import { SearchInput } from '@patternfly/react-core/dist/dynamic/components/SearchInput';
 import { List } from '@patternfly/react-core/dist/dynamic/components/List';
 import { ListItem } from '@patternfly/react-core/dist/dynamic/components/List';
-import { Popper, PopperProps } from '@patternfly/react-core/dist/dynamic/helpers';
+import { Popper, PopperProps, ValidatedOptions } from '@patternfly/react-core/dist/dynamic/helpers';
+import { FormHelperText } from '@patternfly/react-core/dist/dynamic/components/Form';
+import { HelperText } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import { HelperTextItem } from '@patternfly/react-core/dist/dynamic/components/HelperText';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/dynamic/icons/exclamation-circle-icon';
 
 interface PathServiceProps {
   rootPath: string;
@@ -15,6 +19,17 @@ const PathService: React.FC<PathServiceProps> = ({ rootPath, handlePathChange })
   const [items, setItems] = useState<string[]>([]);
   const [showDropdown, setShowDropdown] = useState<boolean>(false);
   const inputRef = useRef<HTMLInputElement>(null);
+  const [validPath, setValidPath] = React.useState<ValidatedOptions>();
+
+  const validatePath = () => {
+    console.log('validating path' + inputValue);
+    if (inputValue.length > 0) {
+      setValidPath(ValidatedOptions.success);
+      return;
+    }
+    setValidPath(ValidatedOptions.error);
+    return;
+  };
 
   const fetchData = async (subpath: string) => {
     try {
@@ -51,7 +66,6 @@ const PathService: React.FC<PathServiceProps> = ({ rootPath, handlePathChange })
       }
     };
     window.addEventListener('keydown', handleEsc);
-
     return () => {
       window.removeEventListener('keydown', handleEsc);
     };
@@ -66,9 +80,13 @@ const PathService: React.FC<PathServiceProps> = ({ rootPath, handlePathChange })
     } else {
       setItems([]);
     }
+    if (items.length > 0) {
+      validatePath();
+    }
   }, [inputValue]);
 
   const handleChange = (value: string) => {
+    console.log('handleChange: ' + value);
     setInputValue(value);
   };
 
@@ -82,10 +100,18 @@ const PathService: React.FC<PathServiceProps> = ({ rootPath, handlePathChange })
   };
 
   const handleSelect = (item: string) => {
+    console.log('handleSelect: ' + item);
     setShowDropdown(false);
     setInputValue(inputValue + item + '/');
   };
 
+  const handleBlurEvent = () => {
+    console.log('handleBlurEvent');
+    setShowDropdown(false);
+    handlePathChange(inputValue);
+    validatePath();
+  };
+
   const popperProps: PopperProps = {
     triggerRef: inputRef,
     popper: (
@@ -99,7 +125,8 @@ const PathService: React.FC<PathServiceProps> = ({ rootPath, handlePathChange })
     ),
     width: 'trigger',
     preventOverflow: true,
-    isVisible: showDropdown
+    isVisible: showDropdown,
+    onPopperClick: () => handleBlurEvent()
   };
 
   return (
@@ -113,6 +140,16 @@ const PathService: React.FC<PathServiceProps> = ({ rootPath, handlePathChange })
         onClear={() => setInputValue('')}
         onBlur={() => handlePathChange(inputValue)}
       />
+      {validPath === 'error' && (
+        <FormHelperText>
+          <HelperText>
+            <HelperTextItem icon={<ExclamationCircleIcon />} variant={validPath}>
+              Please select a valid file path.
+            </HelperTextItem>
+          </HelperText>
+        </FormHelperText>
+      )}
+
       <Popper {...popperProps} />
     </div>
   );