Added phone validation + new phone input box IO-414

This commit is contained in:
Patrick Fic
2020-12-08 10:11:41 -08:00
parent c4e0804130
commit 4ae344f33e
10 changed files with 105 additions and 35 deletions

View File

@@ -3,7 +3,9 @@ import React, { useContext } from "react";
import { useTranslation } from "react-i18next";
import JobCreateContext from "../../pages/jobs-create/jobs-create.context";
import FormItemEmail from "../form-items-formatted/email-form-item.component";
import FormItemPhone from "../form-items-formatted/phone-form-item.component";
import FormItemPhone, {
PhoneItemFormatterValidation,
} from "../form-items-formatted/phone-form-item.component";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
export default function JobsCreateOwnerInfoNewComponent() {
@@ -134,6 +136,13 @@ export default function JobsCreateOwnerInfoNewComponent() {
<Form.Item
label={t("owners.fields.ownr_ph1")}
name={["owner", "data", "ownr_ph1"]}
rules={[
({ getFieldValue }) =>
PhoneItemFormatterValidation(
getFieldValue,
"owner.data.ownr_ph1"
),
]}
>
<FormItemPhone customInput={Input} disabled={!state.owner.new} />
</Form.Item>