solar-enquiry-form

{ "formId": "tata-power-solar-form", "title": "Tata Power Solar Form", "layout": { "type": "grid", "columns": 2, "gap": "10px" }, "settings": { "enableConditionalRendering": true, "enableDynamicLayout": true, "validateBeforeAction": true }, "fields": [ { "id": "customer_type", "type": "radio", "name": "radio-group", "label": "I am looking for", "required": true, "inline": true, "row": 1, "columnSpan": 2, "defaultValue": "residential", "options": [ { "label": "Residential", "value": "residential" }, { "label": "Company / Society / Institution", "value": "company_society_institution" } ], "validation": { "required": true, "message": { "required": "Please select customer type." } } }, { "id": "full_name", "type": "text", "name": "fullName", "placeholder": "Name*", "required": true, "row": 2, "column": 1, "validation": { "required": true, "minLength": 1, "maxConsecutiveSpaces": 4, "pattern": "^[A-Za-z ]+$", "message": { "required": "Please enter full name.", "pattern": "Please enter a valid full name.", "maxConsecutiveSpaces": "Not more than four consecutive spaces are allowed." } } }, { "id": "phone_number", "type": "text", "name": "phone", "placeholder": "10 digit Mobile number*", "required": true, "row": 2, "column": 2, "countryCode": { "enabled": true, "fieldName": "countryCode", "defaultValue": "+91" }, "validation": { "required": true, "pattern": "^[0-9]{10}$", "message": { "required": "Phone number is required.", "pattern": "Only 10 digit numbers are allowed." } } }, { "id": "email", "type": "email", "name": "email", "placeholder": "Email*", "required": true, "row": 3, "column": 1, "validation": { "required": true, "pattern": "^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$", "message": { "required": "Email is required.", "pattern": "Invalid Email" } } }, { "id": "monthly_bill", "type": "text", "name": "monthlyBill", "placeholder": "Avg Monthly Electricity Bill (Rs)*", "required": true, "row": 3, "column": 2, "validation": { "required": true, "pattern": "^[0-9,]+$", "message": { "required": "Monthly bill is required.", "pattern": "Please enter a valid amount." } }, "onChange": [ { "condition": { "operator": "greaterThan", "value": 99999 }, "actions": [ { "type": "setFieldValue", "target": "radio-group", "value": "company_society_institution" } ] }, { "condition": { "operator": "lessThanOrEqual", "value": 99999 }, "actions": [ { "type": "setFieldValue", "target": "radio-group", "value": "residential" } ] } ] }, { "id": "company_name", "type": "text", "name": "company", "placeholder": "Company/Society Name*", "required": true, "row": 4, "column": 1, "conditional": { "field": "radio-group", "operator": "equals", "value": "company_society_institution" }, "validation": { "required": true, "maxLength": 50, "message": { "required": "Company name is required.", "pattern": "Invalid company name" } } }, { "id": "pincode", "type": "text", "name": "pinCode", "placeholder": "6 digit pincode*", "required": true, "row": 4, "conditionalLayouts": [ { "condition": { "field": "radio-group", "operator": "equals", "value": "company_society_institution" }, "column": 2 }, { "condition": { "field": "radio-group", "operator": "equals", "value": "residential" }, "column": 1, "columnSpan": 2 } ], "validation": { "required": true, "pattern": "^[1-9][0-9]{5}$", "message": { "required": "Pincode is required.", "pattern": "Invalid Pincode" } } }, { "id": "otp", "type": "text", "name": "otpInput", "placeholder": "Please enter 6-Digit OTP", "required": true, "hidden": true, "row": 5, "column": 1, "columnSpan": 2, "inputMode": "numeric", "minLength": 6, "maxLength": 6, "helperText": "OTP has been sent to your Mobile number", "actions": [ { "type": "button", "id": "resend_otp", "label": "Resend OTP", "action": "resend_otp" } ], "validation": { "required": true, "pattern": "^[0-9]{6}$", "message": { "required": "OTP is required.", "pattern": "Please enter a valid 6-digit OTP.", "minLength": "OTP must be 6 digits.", "maxLength": "OTP must be 6 digits.", "expired": "OTP Expired. Please generate a new OTP", "limitExceeded": "You have exceeded the daily OTP limit. Please try after 1 hour." } } }, { "id": "terms_conditions", "type": "html", "name": "termsConditionsText", "row": 6, "column": 1, "columnSpan": 2, "tag": "span", "content": "By submitting the form, you are agreeing to Tata Power’s <a href='/terms-of-use' target='_blank'>terms & conditions</a> and <a href='https://www.tatapower.com/privacy' target='_blank'>privacy policy</a>" } ], "footer": { "buttons": [ { "id": "generate_otp", "type": "button", "name": "generateOtp", "label": "Generate OTP", "style": "primary", "visible": true, "validationBeforeAction": [ "fullName", "phone", "email", "monthlyBill", "pinCode" ], "conditionalValidation": [ { "condition": { "field": "radio-group", "operator": "equals", "value": "company_society_institution" }, "fields": [ "company" ] } ], "action": { "type": "generate_otp" }, "successAction": [ { "type": "showField", "target": "otp" }, { "type": "hideButton", "target": "generate_otp" }, { "type": "showButton", "target": "submit_form" } ] }, { "id": "submit_form", "type": "submit", "label": "Submit", "style": "primary", "visible": false, "validationBeforeAction": [ "otpInput" ] }, { "id": "call_now", "type": "cta", "label": "☏ 1800 25 77777", "action": "call", "phoneNumber": "18002577777" } ] }, "hiddenFields": [ { "name": "browser-name", "value": "Google Chrome" }, { "name": "currentPage", "value": "/content/tatapoweraemsitesprogram/in/en/homepage/solaroof-enquiry/" }, { "name": "successMessage", "value": "Your Data has been successfully sent to SF" }, { "name": "failureMessage", "value": "Something went wrong. Please try again." }, { "name": "utm_campaign", "value": "" }, { "name": "utm_source", "value": "" }, { "name": "utm_medium", "value": "" } ] }

solaroof-enquiry-form