From 230dc752b311e8b44a1f80af23509e657b6e98c6 Mon Sep 17 00:00:00 2001 From: Kulbhushan Kaushik Date: Fri, 6 Jan 2023 12:07:47 -0500 Subject: [PATCH] commit --- src/constants/error-messages.js | 3 ++- src/layouts/welcome-page/welcome-page.vue | 8 ++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/src/constants/error-messages.js b/src/constants/error-messages.js index d97be6a1..19dda7e8 100644 --- a/src/constants/error-messages.js +++ b/src/constants/error-messages.js @@ -26,11 +26,12 @@ const errorMessages = { VEHICLE_REQUIRED: "Please select a vehicle", POLICY_NUMBER_REQUIRED: "Please enter your policy number", PHONE_NUMBER_REQUIRED: "Please enter phone number", + PHONE_NUMBER_FORMAT: "Please enter your phone number. The format must be ###-###-####", POLICY_ZIP_REQUIRED: "Please enter your policy zip", POLICY_ZIP_FORMAT: "Please enter a valid ZIP", LOSS_CAUSE_REQUIRED: "Please enter loss cause", LOSS_CITY_REQUIRED: "Please enter a city", - LOSS_STATE_REQUIRED: "Please enter loss state", + LOSS_STATE_REQUIRED: "Please select an option", LOSS_DATE_REQUIRED: "Please enter a loss date", DAMAGE_OPTION_REQUIRED: "Please select an option" }; diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index 7f3ca797..5b4e95d1 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -106,6 +106,7 @@ v-model="welcomePageModel.phoneNumber" validationRules="phone-number-required" isRequired + mask="###-###-####" disableAutoFill /> @@ -174,6 +175,13 @@ errorMessages.EMAIL_ADDRESS_FORMAT ) ); + + defineRule("phone-number-format", + regex( + /\A[0-9]{3}-[0-9]{3}-[0-9]{4}\z/, + errorMessages.PHONE_NUMBER_FORMAT + ) + ); export default { name: "welcome-page",