diff --git a/src/app/page.tsx b/src/app/page.tsx
index 82fa791..2bbf58d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,9 @@
-import JobForm from '../components/molecules/JobForm/index'
+import JobForm from "../components/molecules/JobForm/index";
 
 export default function Home() {
   return (
     <>
-    <JobForm></JobForm> 
+      <JobForm/>
     </>
-  )
+  );
 }
diff --git a/src/components/atoms/InputForm/index.tsx b/src/components/atoms/InputForm/index.tsx
index 74443ae..83ed118 100644
--- a/src/components/atoms/InputForm/index.tsx
+++ b/src/components/atoms/InputForm/index.tsx
@@ -1,69 +1,84 @@
-import { Label } from './label';
-import { ContainerInput , Field } from './style'
-import React, { useState } from 'react'
+import { useField } from "formik";
+import { Label } from "./label";
+import { ContainerInput, Field, StyledError } from "./style";
 
 interface InputFormProps {
-    id: string;
-    name: string;
-    type?: string;
-    placeholder?: string;
-    label: string
-    width: string
-    height?: string
-    as?: string
-    options?: Array<string>
+  id: string;
+  name: string;
+  type?: string;
+  placeholder?: string;
+  label: string;
+  width: string;
+  height?: string;
+  as?: string;
+  options?: Array<string>;
+  minDate?: string;
+  maxDate?: string;
+  callback?: (value: string) => void;
 }
 
 export default function InputForm({
-    id,
-    name,
-    type,
-    placeholder,
-    label,
-    width,
-    height,
-    as,
-    options,
-} : InputFormProps) {
-    const [selectedValue, setSelectedValue] = useState('');
+  id,
+  name,
+  type,
+  placeholder,
+  label,
+  width,
+  height,
+  as,
+  options,
+  minDate,
+  maxDate,
+  callback,
+}: InputFormProps) {
+  const [field] = useField(name);
 
-    const handleSelectChange = (event: any) => {
-        setSelectedValue(event.target.value);
-        console.log(event.target.value);
-    };
+  const handleSelectChange = (event: any) => {
+    if (callback) {
+      callback(event.target.value);
+    }
 
-    return (
-        <ContainerInput>
-            <Label 
-                htmlFor={id} 
-                name={label} 
-            />
-            {as === 'select' ? 
-                <Field 
-                    id={id}
-                    name={name}
-                    width={width}
-                    height={height}
-                    as={as}
-                    onChange={handleSelectChange}
-                    value={selectedValue}
-                >
-                        {options?.map((op, index) => (
-                            <option key={index} value={index > 0 ? op : ""}>
-                                {op}
-                            </option>
-                        ))}
-                </Field>
-            : 
-                <Field
-                    id={id}
-                    name={name}
-                    type={type}
-                    placeholder={placeholder}
-                    width={width}
-                    height={height}
-                />
-            }
-        </ContainerInput>
-    );
-}
\ No newline at end of file
+    field.onChange(event);
+  };
+
+  return (
+    <ContainerInput>
+      <Label htmlFor={id} name={label} />
+      {as === "select" ? (
+        <>
+          <Field
+            id={id}
+            name={name}
+            width={width}
+            height={height}
+            as={as}
+            onChange={handleSelectChange}
+            value={field.value}
+          >
+            {options?.map((op, index) => (
+              <option key={index} value={index > 0 ? op : ""}>
+                {op}
+              </option>
+            ))}
+          </Field>
+          <StyledError name={name} component="span" />
+        </>
+      ) : (
+        <>
+          <Field
+            id={id}
+            name={name}
+            type={type}
+            placeholder={placeholder}
+            width={width}
+            height={height}
+            min={minDate}
+            max={maxDate}
+          />
+
+          <StyledError name={name} component="span" />
+        </>
+      )}
+    </ContainerInput>
+  );
+}
diff --git a/src/components/atoms/InputForm/style.ts b/src/components/atoms/InputForm/style.ts
index b270502..317100d 100644
--- a/src/components/atoms/InputForm/style.ts
+++ b/src/components/atoms/InputForm/style.ts
@@ -1,4 +1,4 @@
-import { Field as FieldComponent } from "formik";
+import { ErrorMessage, Field as FieldComponent } from "formik";
 import styled from "styled-components";
 
 export const ContainerInput = styled.div`
@@ -33,7 +33,13 @@ export const StyledLabel = styled.label`
     height: 15px;
 `;
 
+export const StyledError = styled(ErrorMessage)`
+    margin-left: 5px;
+    height: 15px;
+    color: #ff0000;
+    font-size: 12px;
+`;
 export const StyledLabelError = styled(StyledLabel)`
     margin-left: 5px;
     height: 15px;
-`;
\ No newline at end of file
+`;
diff --git a/src/components/molecules/JobForm/index.tsx b/src/components/molecules/JobForm/index.tsx
index 1173bd6..41eaf2b 100644
--- a/src/components/molecules/JobForm/index.tsx
+++ b/src/components/molecules/JobForm/index.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Formik, Form } from "formik";
+import { Formik, Form, FormikProps } from "formik";
 import InputForm from "../../atoms/InputForm/index";
 import {
   ContainerForm,
@@ -13,10 +13,11 @@ import {
   ContainerModalButtons,
 } from "./style";
 import Modal from "react-modal";
-import { useState } from "react";
+import { useState, useRef } from "react";
 import * as Yup from "yup";
 
-export default function JobPostingForm() {
+export default function JobForm() {
+  const formRef = useRef<FormikProps<any>>(null);
   const [modalIsOpen, setModalIsOpen] = useState(false);
 
   function handleOpenModal() {
@@ -28,7 +29,43 @@ export default function JobPostingForm() {
   }
 
   function handleSubmit() {
-    alert("Vaga cadastrada com sucesso!");
+    formRef.current?.resetForm();
+    formRef.current?.submitForm();
+  }
+
+  function callbackCanalDivulgacao(value: string) {
+    console.log(value);
+    if (value === "Devit-se") {
+      document.getElementById("form_empresa")!.style.display = "block";
+    } else {
+      document.getElementById("form_empresa")!.style.display = "none";
+    }
+  }
+  function callbackFormatoVaga(value: string) {
+    console.log(value);
+    if (value === "Home Office") {
+      document.getElementById("form_empresa")!.style.display = "none";
+      document.getElementById("semana")!.style.display = "none";
+    } else {
+      document.getElementById("form_empresa")!.style.display = "block";
+      document.getElementById("semana")!.style.display = "block";
+    }
+  }
+  function callbackOutros(value: string) {
+    console.log(value);
+    if (value === "Outros") {
+      document.getElementById("outro_contrato")!.style.display = "block";
+    } else {
+      document.getElementById("outro_contrato")!.style.display = "none";
+    }
+  }
+  function callbackSetor(value: string) {
+    console.log(value);
+    if (value === "Outros") {
+      document.getElementById("outro_setor")!.style.display = "block";
+    } else {
+      document.getElementById("outro_setor")!.style.display = "none";
+    }
   }
 
   const customStyles = {
@@ -78,9 +115,19 @@ export default function JobPostingForm() {
   };
 
   const selectOptions = {
-    titulo: ["Titulo", "UX Designer", "UI Designer", "Product Designer", "Dev. Front-End", "Dev. Back-End", "Full Stack", "Agilista","Quality Assurance"],
+    titulo: [
+      "Titulo",
+      "UX Designer",
+      "UI Designer",
+      "Product Designer",
+      "Dev. Front-End",
+      "Dev. Back-End",
+      "Full Stack",
+      "Agilista",
+      "Quality Assurance",
+    ],
     nivel: ["Nível", "Júnior", "Pleno", "Senior"],
-    formatoVaga: ["Formato da vaga", "Presencial", "Remoto", "Híbrido"],
+    formatoVaga: ["Formato da vaga", "Presencial", "Home Office", "Híbrido"],
     canalDivulgacao: [
       "Canal de Divulgação",
       "Devit-se",
@@ -111,6 +158,23 @@ export default function JobPostingForm() {
     nota: ["Pontuação", "Nível 1", "Nível 2", "Nível 3", "Nível 4", "Nível 5"],
   };
 
+  const validationSchema = Yup.object().shape({
+    titulo: Yup.string().required("Campo obrigatório"),
+    nivel: Yup.string().required("Campo obrigatório"),
+    formatoVaga: Yup.string().required("Campo obrigatório"),
+    canal: Yup.string().required("Campo obrigatório"),
+    link: Yup.string().required("Campo obrigatório"),
+    empresa: Yup.string().required("Campo obrigatório"),
+    status: Yup.string().required("Campo obrigatório"),
+    data: Yup.string().required("Campo obrigatório"),
+    data2: Yup.string().required("Campo obrigatório"),
+    email1: Yup.string().required("").matches( /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/, "E-mail inválido"),
+    email2: Yup.string().required("").matches( /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/, "E-mail inválido"),
+    telefone1: Yup.string().required("").length(11, "Telefone inválido"),
+    telefone2: Yup.string().required("").length(11, "Telefone inválido"),
+    cnpj: Yup.string().required("").length(14, "CNPJ inválido"),
+  });
+
   return (
     <>
       <Modal
@@ -133,12 +197,14 @@ export default function JobPostingForm() {
       </Modal>
 
       <Formik
+        innerRef={formRef}
         initialValues={initialValues}
         onSubmit={(values, actions) => {
           console.log(values);
           alert(JSON.stringify(values, null, 2));
           actions.setSubmitting(false);
         }}
+        validationSchema={validationSchema}
       >
         <Form>
           <ContainerForm>
@@ -154,7 +220,7 @@ export default function JobPostingForm() {
                 name="titulo"
                 placeholder="Selecione o título da vaga aqui"
                 label="Titulo da vaga*"
-                width="100%"
+                width="220px"
                 as="select"
                 options={selectOptions.titulo}
               />
@@ -171,7 +237,7 @@ export default function JobPostingForm() {
               />
 
               <InputForm
-                id="formato"
+                id="formatoVaga"
                 name="formato"
                 type="text"
                 placeholder="Formato da vaga"
@@ -179,6 +245,7 @@ export default function JobPostingForm() {
                 width="200px"
                 as="select"
                 options={selectOptions.formatoVaga}
+                callback={callbackFormatoVaga}
               />
             </div>
 
@@ -194,9 +261,10 @@ export default function JobPostingForm() {
                 type="select"
                 placeholder="Selecione um canal"
                 label="Canal de Divulgação*"
-                width="200px"
+                width="220px"
                 as="select"
                 options={selectOptions.canalDivulgacao}
+                callback={callbackCanalDivulgacao}
               />
 
               <InputForm
@@ -215,7 +283,7 @@ export default function JobPostingForm() {
               type="text"
               placeholder="Descrever o nome da empresa aqui"
               label="Empresa*"
-              width="675px"
+              width="750px"
             />
 
             <InputForm
@@ -241,6 +309,7 @@ export default function JobPostingForm() {
                 placeholder=""
                 label="Data de Divulgação*"
                 width="200px"
+                minDate={new Date().toISOString().split("T")[0]}
               />
 
               <span style={{ width: "100px" }}></span>
@@ -252,18 +321,19 @@ export default function JobPostingForm() {
                 placeholder=""
                 label="Data de finalização"
                 width="200px"
+                minDate={new Date().toISOString().split("T")[0]}
               />
             </div>
           </ContainerForm>
-          <ContainerForm>
+          <ContainerForm id="form_empresa">
             <ContainerTitle>Empresa</ContainerTitle>
             <InputForm
               id="empresa"
               name="empresa"
               type="text"
               placeholder="Nome da Empresa"
-              label="Empresa"
-              width="100%"
+              label="Empresa*"
+              width="750px"
             />
 
             <div
@@ -281,7 +351,7 @@ export default function JobPostingForm() {
                   id="cnpj"
                   name="cnpj"
                   label="CNPJ"
-                  placeholder="Número da empresa"
+                  placeholder="00.000.000/0001-00"
                   width="200px"
                 />
               </div>
@@ -297,6 +367,8 @@ export default function JobPostingForm() {
                   width="100%"
                   as="select"
                   options={selectOptions.setores}
+                  callback={callbackSetor}
+                 
                 />
               </div>
               <div
@@ -305,11 +377,11 @@ export default function JobPostingForm() {
                 }}
               >
                 <InputForm
-                  id="outros"
-                  name="outros"
+                  id="outro_setor"
+                  name="Outros"
                   placeholder="outros"
                   label=""
-                  width="100%"
+                  width="100px"
                 />
               </div>
             </div>
@@ -330,7 +402,7 @@ export default function JobPostingForm() {
                   id="logradouro"
                   name="logradouro"
                   label="Endereço"
-                  placeholder="Logradouro"
+                  placeholder="Rua, Avenida, Praça, Nº, Bloco "
                   width="100%"
                 />
               </div>
@@ -344,7 +416,7 @@ export default function JobPostingForm() {
                   name="complemento"
                   type="text"
                   placeholder="Complemento"
-                  label=""
+                  label="Complemento"
                   width="100%"
                 />
               </div>
@@ -358,8 +430,8 @@ export default function JobPostingForm() {
                   name="bairro"
                   type="text"
                   placeholder="bairro"
-                  label=""
-                  width="100%"
+                  label="Bairro"
+                  width="100px"
                 />
               </div>
             </div>
@@ -370,7 +442,7 @@ export default function JobPostingForm() {
               type="text"
               placeholder="Nome do Responsável pela vaga"
               label="Responsável"
-              width="100%"
+              width="750px"
             />
             <div
               style={{
@@ -379,20 +451,20 @@ export default function JobPostingForm() {
               }}
             >
               <InputForm
-                id="email"
+                id="email1"
                 name="email1"
                 type="email"
                 placeholder="E-mail do responsável pela vaga"
-                label="E-mail"
+                label="E-mail 1"
                 width="300px"
               />
 
               <InputForm
-                id="email"
+                id="email2"
                 name="email2"
                 type="email"
                 placeholder="E-mail do responsável pela vaga"
-                label="E-mail"
+                label="E-mail 2"
                 width="300px"
               />
             </div>
@@ -403,19 +475,19 @@ export default function JobPostingForm() {
               }}
             >
               <InputForm
-                id="nome"
+                id="telefone1"
                 name="telefone1"
                 type="text"
-                placeholder="Telefone do Responsável pela vaga"
-                label="Telefone 1*"
+                placeholder="(00) 00000-0000"
+                label="Telefone 1"
                 width="300px"
               />
 
               <InputForm
-                id="nome"
+                id="telefone2"
                 name="telefone2"
                 label="Telefone2"
-                placeholder="Telefone do Responsável pela vaga"
+                placeholder="(00) 00000-0000"
                 width="300px"
               />
             </div>
@@ -451,11 +523,13 @@ export default function JobPostingForm() {
 
               <InputForm
                 id="formatoVaga"
-                name="formatoVaga"
+                name="formato"
                 label="Formato da vaga"
+                placeholder="Formato da vaga"
                 width="200px"
                 as="select"
                 options={selectOptions.formatoVaga}
+                callback={callbackFormatoVaga}
               />
 
               <InputForm
@@ -465,6 +539,7 @@ export default function JobPostingForm() {
                 width="200px"
                 as="select"
                 options={selectOptions.periodicidadeVaga}
+                callback={callbackFormatoVaga}
               />
             </div>
             <div
@@ -480,22 +555,25 @@ export default function JobPostingForm() {
                 width="200px"
                 as="select"
                 options={selectOptions.tipoContrato}
+                callback={callbackOutros}
+              
               />
 
               <InputForm
-                id="outros"
-                name="outroContrato"
+                id="outro_contrato"
+                name="outro"
                 type="text"
                 placeholder="Outro"
                 label=""
                 width="200px"
+                
               />
 
               <InputForm
                 id="nome"
                 name="salario"
                 type="text"
-                placeholder="Insira o salário aqui"
+                placeholder="R$ 000,00"
                 label="Salário"
                 width="200px"
               />
@@ -504,9 +582,9 @@ export default function JobPostingForm() {
               id="nome"
               name="beneficios"
               type="text"
-              placeholder="Descrever os benefícios aqui"
+              placeholder="Plano de Saúde; Vale Alimentação; Seguro de Vida; Vale Refeição"
               label="Benefícios"
-              width="100%"
+              width="750px"
             />
             <InputForm
               id="nome"
@@ -514,23 +592,23 @@ export default function JobPostingForm() {
               type="text"
               placeholder="Inserir a descrição da vaga aqui"
               label="Descrição da vaga aqui"
-              width="100%"
+              width="750px"
             />
             <InputForm
               id="nome"
               name="softSkills"
               type="text"
-              placeholder="Listar soft skills em tópicos"
+              placeholder="Autorresponsabilidade; Flexibilidade; Inteligência Emocional; Facilitação"
               label="Requisitos (Soft Skills)"
-              width="100%"
+              width="750px"
             />
             <InputForm
               id="nome"
               name="hardSkills"
               type="text"
-              placeholder="Listar hard skills em tópicos"
+              placeholder="JavaScript; Springboot; NodeJS"
               label="Requisitos (Hard Skills)*"
-              width="100%"
+              width="750px"
             />
             <InputForm
               id="marte"