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",