admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update contact number field to support valid and also international format

Browse Source
This commit is contained in:
pramod mahajan 2025-08-19 09:54:58 +05:30
parent 19d7e35d8a
commit 00904ffa86
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Tenant/ContactInfro.jsx
View File

@ -76,6 +76,8 @@ const ContactInfro = ({ onNext }) => {
type="text" type="text"
className={`form-control form-control-sm `} className={`form-control form-control-sm `}
{...register("contactNumber")} {...register("contactNumber")}
inputMode="tel"
placeholder="+91 9876543210"
/> />
{errors.contactNumber && ( {errors.contactNumber && (
<div className="danger-text">{errors.contactNumber.message}</div> <div className="danger-text">{errors.contactNumber.message}</div>

3
src/components/Tenant/EditProfile.jsx
View File

@ -87,7 +87,8 @@ const EditProfile = ({ TenantId,onClose }) => {
<div className="col-sm-6 mt-1"> <div className="col-sm-6 mt-1">
<Label htmlFor="contactNumber" required>Contact Number</Label> <Label htmlFor="contactNumber" required>Contact Number</Label>
<input id="contactNumber" type="text" className="form-control form-control-sm" {...register("contactNumber")} /> <input id="contactNumber" type="text" className="form-control form-control-sm" {...register("contactNumber")} inputMode="tel"
placeholder="+91 9876543210" />
{errors.contactNumber && <div className="danger-text">{errors.contactNumber.message}</div>} {errors.contactNumber && <div className="danger-text">{errors.contactNumber.message}</div>}
</div> </div>

10
src/components/Tenant/TenantSchema.js
View File

@ -11,7 +11,9 @@ export const newTenantSchema = z.object({
logoImage: z.string().optional(), logoImage: z.string().optional(),
organizationName: z.string().nonempty("Organization name is required"), organizationName: z.string().nonempty("Organization name is required"),
officeNumber: z.string().nonempty("Office number is required"), officeNumber: z.string().nonempty("Office number is required"),
contactNumber: z.string().nonempty("Contact number is required"), contactNumber: z.string()
.nonempty("Contact number is required")
.regex(/^\+?[1-9]\d{7,14}$/, "Enter a valid contact number"),
onBoardingDate: z.preprocess((val) => { onBoardingDate: z.preprocess((val) => {
if (typeof val === "string" && val.includes("-")) { if (typeof val === "string" && val.includes("-")) {
const [day, month, year] = val.split("-"); const [day, month, year] = val.split("-");
@ -131,9 +133,9 @@ export const EditTenant = z.object({
taxId: z.string().min(1, { message: "Tax ID is required!" }), taxId: z.string().min(1, { message: "Tax ID is required!" }),
logoImage: z.string().optional(), logoImage: z.string().optional(),
officeNumber: z.string().min(1, { message: "Office Number is required!" }), officeNumber: z.string().min(1, { message: "Office Number is required!" }),
contactNumber: z contactNumber: z.string()
.string() .nonempty("Contact number is required")
.min(10, { message: "Contact Number must be at least 10 digits!" }), .regex(/^\+?[1-9]\d{7,14}$/, "Enter a valid contact number"),
organizationSize: z.string().min(1, { message: "Organization Size is required!" }), organizationSize: z.string().min(1, { message: "Organization Size is required!" }),
industryId: z.string().min(1,{ message: "Invalid Industry ID!" }), industryId: z.string().min(1,{ message: "Invalid Industry ID!" }),
reference: z.string().optional(), reference: z.string().optional(),